@brightspot/ui 1.10.0 → 1.11.0

package/docs/components/Pagination.md

@@ -17,35 +17,37 @@
 
 ### Fields
 
-| Name                     | Privacy | Type                  | Default        | Description                                       | Inherited From |
-| ------------------------ | ------- | --------------------- | -------------- | ------------------------------------------------- | -------------- |
-| `page`                   |         | `number`              | `1`            | Current page number (1-based)                     |                |
-| `pageSize`               |         | `number`              | `0`            | Number of items per page                          |                |
-| `disabled`               |         | `boolean`             | `false`        | Disables all pagination controls                  |                |
-| `loading`                |         | `boolean`             | `false`        | Shows loading spinner and dims controls           |                |
-| `hideOnSinglePage`       |         | `boolean`             | `true`         | Hide controls when there is only one page         |                |
-| `pageSizeChanger`        |         | `boolean`             | `true`         | Show the page size dropdown                       |                |
-| `pageSizeOptions`        |         | `string`              | `'10, 20, 50'` | Comma-separated page size options                 |                |
-| `totalItems`             |         | `number`              | `0`            | Total number of items across all pages            |                |
-| `boundaryButtons`        |         | `boolean`             | `true`         | Show first and last page buttons                  |                |
-| `hideTotalCount`         |         | `boolean`             | `false`        | Hide the item count display (e.g., "1-10 of 200") |                |
-| `label`                  |         | `string \| undefined` |                | Accessible label for the pagination nav landmark  |                |
-| `_parsedPageSizeOptions` | private | `number[]`            |                |                                                   |                |
-| `_totalPages`            | private | `number`              |                |                                                   |                |
-| `_startItem`             | private | `number`              |                |                                                   |                |
-| `_endItem`               | private | `number`              |                |                                                   |                |
+| Name                     | Privacy | Type                  | Default        | Description                                                                                                                                                                             | Inherited From |
+| ------------------------ | ------- | --------------------- | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
+| `page`                   |         | `number`              | `1`            | Current page number (1-based)                                                                                                                                                           |                |
+| `pageSize`               |         | `number`              | `0`            | Number of items per page                                                                                                                                                                |                |
+| `disabled`               |         | `boolean`             | `false`        | Disables all pagination controls                                                                                                                                                        |                |
+| `loading`                |         | `boolean`             | `false`        | Shows loading spinner and dims controls                                                                                                                                                 |                |
+| `hideOnSinglePage`       |         | `boolean`             | `true`         | Hide controls when there is only one page                                                                                                                                               |                |
+| `pageSizeChanger`        |         | `boolean`             | `true`         | Show the page size dropdown                                                                                                                                                             |                |
+| `pageSizeOptions`        |         | `string`              | `'10, 20, 50'` | Comma-separated page size options                                                                                                                                                       |                |
+| `totalItems`             |         | `number`              | `0`            | Total number of items across all pages                                                                                                                                                  |                |
+| `boundaryButtons`        |         | `boolean`             | `true`         | Show first and last page buttons                                                                                                                                                        |                |
+| `hideTotalCount`         |         | `boolean`             | `false`        | Hide the item count display (e.g., "1-10 of 200")                                                                                                                                       |                |
+| `pageJumper`             |         | `boolean`             | `false`        | Show the page jumper dropdown. Intended for moderate page counts (under \~100 pages).
For large datasets, use a custom \`slot="jumper"\` with a virtualized or input-based control. |                |
+| `label`                  |         | `string \| undefined` |                | Accessible label for the pagination nav landmark                                                                                                                                        |                |
+| `_parsedPageSizeOptions` | private | `number[]`            |                |                                                                                                                                                                                         |                |
+| `_totalPages`            | private | `number`              |                |                                                                                                                                                                                         |                |
+| `_startItem`             | private | `number`              |                |                                                                                                                                                                                         |                |
+| `_endItem`               | private | `number`              |                |                                                                                                                                                                                         |                |
 
 ### Methods
 
-| Name                   | Privacy | Description | Parameters                  | Return | Inherited From |
-| ---------------------- | ------- | ----------- | --------------------------- | ------ | -------------- |
-| `_setupSlots`          | private |             |                             | `void` |                |
-| `_goToFirstPage`       | private |             | `e: Event`                  | `void` |                |
-| `_goToPreviousPage`    | private |             | `e: Event`                  | `void` |                |
-| `_goToNextPage`        | private |             | `e: Event`                  | `void` |                |
-| `_goToLastPage`        | private |             | `e: Event`                  | `void` |                |
-| `_manageBoundaryFocus` | private |             | `clickedButton: IconButton` | `void` |                |
-| `_onPageSizeChange`    | private |             | `e: Event`                  | `void` |                |
+| Name                       | Privacy | Description | Parameters                  | Return | Inherited From |
+| -------------------------- | ------- | ----------- | --------------------------- | ------ | -------------- |
+| `_setupSlots`              | private |             |                             | `void` |                |
+| `_goToFirstPage`           | private |             | `e: Event`                  | `void` |                |
+| `_goToPreviousPage`        | private |             | `e: Event`                  | `void` |                |
+| `_goToNextPage`            | private |             | `e: Event`                  | `void` |                |
+| `_goToLastPage`            | private |             | `e: Event`                  | `void` |                |
+| `_manageBoundaryFocus`     | private |             | `clickedButton: IconButton` | `void` |                |
+| `_onBuiltinPageSizeSelect` | private |             | `e: Event`                  | `void` |                |
+| `_onBuiltinJumperSelect`   | private |             | `e: Event`                  | `void` |                |
 
 ### Events
 
@@ -69,21 +71,22 @@
 | `total-items`         | totalItems       |                |
 | `boundary-buttons`    | boundaryButtons  |                |
 | `hide-total-count`    | hideTotalCount   |                |
+| `page-jumper`         | pageJumper       |                |
 | `label`               | label            |                |
 
 ### CSS Properties
 
-| Name                            | Default | Description                                      |
-| ------------------------------- | ------- | ------------------------------------------------ |
-| `--pagination-color-background` |         | Background color for select, buttons, and jumper |
-| `--pagination-color-foreground` |         | Text/icon color                                  |
+| Name                            | Default | Description                                         |
+| ------------------------------- | ------- | --------------------------------------------------- |
+| `--pagination-color-background` |         | Background color for dropdowns, buttons, and jumper |
+| `--pagination-color-foreground` |         | Text/icon color                                     |
 
 ### Slots
 
-| Name        | Description                                                 |
-| ----------- | ----------------------------------------------------------- |
-| `page-size` | Custom page-size selector (replaces built-in select)        |
-| `jumper`    | Custom jumper content (e.g., page dropdown, "Today" button) |
+| Name        | Description                                                                                    |
+| ----------- | ---------------------------------------------------------------------------------------------- |
+| `page-size` | Custom page-size selector (replaces built-in dropdown). Consumer manages all behavior.         |
+| `jumper`    | Custom jumper content (replaces built-in page jumper dropdown). Consumer manages all behavior. |
 
 <hr/>
 

package/docs/components/README.md

@@ -4,6 +4,8 @@ This directory contains auto-generated API documentation for all Brightspot UI w
 
 ## Components
 
+- [`<btu-action-bar>` - ActionBar](ActionBar.md)
+- [`<btu-action-item>` - ActionItem](ActionItem.md)
 - [`<btu-avatar>` - Avatar](Avatar.md)
 - [`<btu-avatar-group>` - AvatarGroup](AvatarGroup.md)
 - [`<btu-badge>` - Badge](Badge.md)
@@ -18,6 +20,8 @@ This directory contains auto-generated API documentation for all Brightspot UI w
 - [`<btu-pagination>` - Pagination](Pagination.md)
 - [`<btu-popover>` - Popover](Popover.md)
 - [`<btu-switch>` - Switch](Switch.md)
+- [`<btu-tab>` - Tab](Tab.md)
+- [`<btu-tabs>` - Tabs](Tabs.md)
 - [`<btu-widget>` - Widget](Widget.md)
 
 ---

package/docs/components/Tab.md

@@ -0,0 +1,73 @@
+# `src/components/tabs/Tab.ts`:
+
+## class: `Tab`, `btu-tab`
+
+### Superclass
+
+| Name         | Module | Package |
+| ------------ | ------ | ------- |
+| `LitElement` |        | lit     |
+
+### Mixins
+
+| Name                | Module                         | Package |
+| ------------------- | ------------------------------ | ------- |
+| `EventEmitterMixin` | /src/util/EventEmitterMixin.js |         |
+| `ReadyMixin`        | /src/util/ReadyMixin.js        |         |
+
+### Static Fields
+
+| Name      | Privacy | Type | Default | Description | Inherited From |
+| --------- | ------- | ---- | ------- | ----------- | -------------- |
+| `tagName` |         |      |         |             |                |
+
+### Fields
+
+| Name           | Privacy | Type                      | Default     | Description                                                                                           | Inherited From |
+| -------------- | ------- | ------------------------- | ----------- | ----------------------------------------------------------------------------------------------------- | -------------- |
+| `name`         |         | `string \| undefined`     |             | Value that identifies this tab and links it to panel elements that share the same \`name\` attribute. |                |
+| `label`        |         | `string \| undefined`     |             | Text displayed in the tab.                                                                            |                |
+| `description`  |         | `string \| undefined`     |             | Accessibility description for screen readers.                                                         |                |
+| `disabled`     |         | `boolean`                 | `false`     | Whether the tab is disabled and non-interactive.                                                      |                |
+| `iconName`     |         | `string \| undefined`     |             | Lucide icon name to display.                                                                          |                |
+| `iconPosition` |         | `'leading' \| 'trailing'` | `'leading'` | Placement of the icon relative to the label.                                                          |                |
+| `iconOnly`     |         | `boolean`                 | `false`     | When true, hides the label visually while maintaining accessibility.                                  |                |
+| `error`        |         | `boolean`                 | `false`     | When true, displays an error badge on the tab.                                                        |                |
+| `badge`        |         | `string \| undefined`     |             | Displays a badge with the given value alongside the label.                                            |                |
+
+### Events
+
+| Name             | Type                          | Description                                          | Inherited From |
+| ---------------- | ----------------------------- | ---------------------------------------------------- | -------------- |
+| `btu-tab-ready`  | `CustomEvent`                 | Fired after first render                             |                |
+| `btu-tab-change` | `CustomEvent<{name: string}>` | Fired when a non-disabled tab with a name is clicked |                |
+
+### Attributes
+
+| Name            | Field        | Inherited From |
+| --------------- | ------------ | -------------- |
+| `name`          | name         |                |
+| `label`         | label        |                |
+| `description`   | description  |                |
+| `disabled`      | disabled     |                |
+| `icon-name`     | iconName     |                |
+| `icon-position` | iconPosition |                |
+| `icon-only`     | iconOnly     |                |
+| `error`         | error        |                |
+| `badge`         | badge        |                |
+
+### CSS Properties
+
+| Name                       | Default | Description                                                      |
+| -------------------------- | ------- | ---------------------------------------------------------------- |
+| `--badge-color-background` |         | Background color of the count indicator badge (default: gray-50) |
+| `--badge-color-foreground` |         | Text color of the count indicator badge (default: gray-700)      |
+
+<hr/>
+
+## Exports
+
+| Kind                        | Name      | Declaration | Module                     | Package |
+| --------------------------- | --------- | ----------- | -------------------------- | ------- |
+| `js`                        | `default` | Tab         | src/components/tabs/Tab.ts |         |
+| `custom-element-definition` | `btu-tab` | Tab         | src/components/tabs/Tab.ts |         |

package/docs/components/Tabs.md

@@ -0,0 +1,77 @@
+# `src/components/tabs/Tabs.ts`:
+
+## class: `Tabs`, `btu-tabs`
+
+### Superclass
+
+| Name         | Module | Package |
+| ------------ | ------ | ------- |
+| `LitElement` |        | lit     |
+
+### Mixins
+
+| Name                  | Module                           | Package |
+| --------------------- | -------------------------------- | ------- |
+| `RovingTabindexMixin` | /src/util/RovingTabindexMixin.js |         |
+| `EventEmitterMixin`   | /src/util/EventEmitterMixin.js   |         |
+| `ReadyMixin`          | /src/util/ReadyMixin.js          |         |
+
+### Static Fields
+
+| Name      | Privacy | Type | Default | Description | Inherited From |
+| --------- | ------- | ---- | ------- | ----------- | -------------- |
+| `tagName` |         |      |         |             |                |
+
+### Fields
+
+| Name             | Privacy | Type                           | Default  | Description                                                                                                                                                                          | Inherited From |
+| ---------------- | ------- | ------------------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------- |
+| `size`           |         | `'xs' \| 'sm' \| 'md' \| 'lg'` | `'md'`   | Size variant applied to all child tabs.                                                                                                                                              |                |
+| `activeTab`      |         | `string \| undefined`          |          | The \`name\` value of the currently active tab.                                                                                                                                      |                |
+| `variant`        |         | `'full' \| 'menu'`             | `'full'` | Layout variant.
- 'full': tabs scroll horizontally when they overflow (default)
- 'menu': all tabs are hidden; the active tab label and a chevron dropdown are shown instead |                |
+| `menuWrapper`    | private | `HTMLElement \| null`          | `null`   |                                                                                                                                                                                      |                |
+| `menuDropdown`   | private | `Dropdown \| null`             | `null`   |                                                                                                                                                                                      |                |
+| `menuLabel`      | private | `HTMLSpanElement \| null`      | `null`   |                                                                                                                                                                                      |                |
+| `menuIcon`       | private | `HTMLElement \| null`          | `null`   |                                                                                                                                                                                      |                |
+| `menuErrorBadge` | private | `HTMLElement \| null`          | `null`   |                                                                                                                                                                                      |                |
+
+### Events
+
+| Name             | Type                          | Description                                                           | Inherited From |
+| ---------------- | ----------------------------- | --------------------------------------------------------------------- | -------------- |
+| `btu-tabs-ready` | `CustomEvent`                 | Fired after first render and initialization                           |                |
+| `btu-tabs-show`  | `CustomEvent<{name: string}>` | Fired when a tab becomes active                                       |                |
+| `btu-tabs-hide`  | `CustomEvent<{name: string}>` | Fired when a tab is deactivated                                       |                |
+| `btu-tab-change` | `CustomEvent<{name: string}>` | Fired when a tab is selected (bubbles from btu-tab)                   |                |
+| `btu-tab-ready`  | `CustomEvent`                 | Fired when a child tab finishes initialization (bubbles from btu-tab) |                |
+
+### Attributes
+
+| Name         | Field     | Inherited From |
+| ------------ | --------- | -------------- |
+| `size`       | size      |                |
+| `active-tab` | activeTab |                |
+| `variant`    | variant   |                |
+
+### CSS Properties
+
+| Name                            | Default | Description                                                                                             |
+| ------------------------------- | ------- | ------------------------------------------------------------------------------------------------------- |
+| `--tabs-active-color`           |         | Text and icon color of the active tab (default: gray-700)                                               |
+| `--tabs-active-indicator-color` |         | Color of the active tab underline indicator (default: primary-500 → primary-700 → primary-900 gradient) |
+| `--tabs-border-color`           |         | Color of the bottom border divider (default: gray-200)                                                  |
+| `--tabs-color`                  |         | Text and icon color for all tabs (default: gray-500; active/hover tabs use gray-700)                    |
+| `--tabs-background`             |         | Background color for all tab buttons (default: transparent)                                             |
+| `--tabs-container-background`   |         | Background color of the tabs container (default: theme white)                                           |
+| `--tabs-hover-background`       |         | Background color of a tab on hover (default: gray-100)                                                  |
+| `--tabs-hover-color`            |         | Text and icon color of a tab on hover (default: gray-700)                                               |
+| `--tabs-gap`                    |         | Spacing between tabs (default: 1rem)                                                                    |
+
+<hr/>
+
+## Exports
+
+| Kind                        | Name       | Declaration | Module                      | Package |
+| --------------------------- | ---------- | ----------- | --------------------------- | ------- |
+| `js`                        | `default`  | Tabs        | src/components/tabs/Tabs.ts |         |
+| `custom-element-definition` | `btu-tabs` | Tabs        | src/components/tabs/Tabs.ts |         |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspot/ui",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "type": "module",
   "license": "UNLICENSED",
   "description": "A UI library for building Brightspot CMS components.",

package/dist/storybook/assets/Pagination.stories-C4cLjS_9.js

@@ -1,272 +0,0 @@
-import{g as m,x as o}from"./iframe-BqvwP3or.js";import{o as c}from"./style-map-CBrSnxRe.js";import"./preload-helper-PPVm8Dsz.js";const{events:b,args:h,argTypes:y}=m("btu-pagination"),u=t=>{const a={};return t.customBackgroundColor&&(a["--pagination-color-background"]=t.customBackgroundColor),t.customForegroundColor&&(a["--pagination-color-foreground"]=t.customForegroundColor),a},S={title:"Components/Pagination",component:"btu-pagination",tags:["autodocs"],parameters:{docs:{subtitle:"A component for navigating through paged content",description:{component:`
-<h3>When to use:</h3>
-<ul>
-  <li>To navigate through large sets of data</li>
-  <li>For search results, tables, and lists</li>
-  <li>In widgets and calendar views</li>
-</ul>
-
-<h3>Variants:</h3>
-<ul>
-  <li><strong>Widget</strong> (default): Page size selector + total display + navigation</li>
-  <li><strong>Search</strong>: With page jumper dropdown</li>
-  <li><strong>Widget Small</strong>: Without first/last page buttons</li>
-  <li><strong>Calendar</strong>: Custom page-size slot + jumper slot</li>
-</ul>
-        `}},actions:{handles:b},controls:{expanded:!0}},args:{...h,"total-items":200,"boundary-buttons":!0,"hide-on-single-page":!0,"page-size-changer":!0},argTypes:{...y,"--pagination-color-background":{table:{disable:!0}},"--pagination-color-foreground":{table:{disable:!0}},customBackgroundColor:{name:"--pagination-color-background",control:{type:"color"},description:"Custom background color for buttons and select",table:{category:"CSS Properties"}},customForegroundColor:{name:"--pagination-color-foreground",control:{type:"color"},description:"Custom foreground (text/icon) color",table:{category:"CSS Properties"}}},render:t=>o`
-    <btu-pagination
-      total-items="${t["total-items"]??200}"
-      page="${t.page??1}"
-      page-size="${t["page-size"]??0}"
-      page-size-options="${t["page-size-options"]??"10, 20, 50"}"
-      ?disabled="${t.disabled}"
-      ?loading="${t.loading}"
-      .hideOnSinglePage=${t["hide-on-single-page"]??!0}
-      .pageSizeChanger=${t["page-size-changer"]??!0}
-      .boundaryButtons=${t["boundary-buttons"]??!0}
-      ?hide-total-count=${t["hide-total-count"]}
-      style=${c(u(t))}
-    ></btu-pagination>
-  `},i={args:{},parameters:{docs:{description:{story:"Default Widget variant with page size selector, total display, and full navigation controls."}}}},s={args:{"total-items":500,"page-size-options":"10, 25, 50, 100"},render:t=>o`
-    <btu-pagination
-      total-items="${t["total-items"]??500}"
-      page="${t.page??1}"
-      page-size="${t["page-size"]??0}"
-      page-size-options="${t["page-size-options"]??"10, 25, 50, 100"}"
-      ?disabled="${t.disabled}"
-      ?loading="${t.loading}"
-      .hideOnSinglePage=${t["hide-on-single-page"]??!0}
-      .pageSizeChanger=${t["page-size-changer"]??!0}
-      .boundaryButtons=${t["boundary-buttons"]??!0}
-      ?hide-total-count=${t["hide-total-count"]}
-      style=${c(u(t))}
-    >
-      <select
-        slot="jumper"
-        class="btu-pagination-select"
-        aria-label="Go to page"
-        @change=${a=>{const e=a.target,n=e.closest("btu-pagination");n&&(n.page=parseInt(e.value,10))}}
-      >
-        ${Array.from({length:50},(a,e)=>o`<option value="${e+1}">Page ${e+1}</option>`)}
-      </select>
-    </btu-pagination>
-  `,parameters:{docs:{description:{story:'Search variant with a page jumper dropdown placed via `slot="jumper"`. Allows direct navigation to a specific page.'}}}},r={args:{"total-items":100,"boundary-buttons":!1},parameters:{docs:{description:{story:"Compact widget variant without first/last page buttons. Suitable for tight spaces."}}}},l={args:{"total-items":52},render:t=>o`
-    <btu-pagination
-      total-items="${t["total-items"]??52}"
-      page="${t.page??1}"
-      page-size="1"
-      ?disabled="${t.disabled}"
-      ?loading="${t.loading}"
-      .hideOnSinglePage=${t["hide-on-single-page"]??!0}
-      .pageSizeChanger=${!1}
-      .boundaryButtons=${t["boundary-buttons"]??!0}
-      ?hide-total-count=${t["hide-total-count"]}
-      style=${c(u(t))}
-    >
-      <select slot="page-size" class="btu-pagination-select" aria-label="View type">
-        <option value="week">Week</option>
-        <option value="month">Month</option>
-      </select>
-      <button
-        slot="jumper"
-        class="btu-button btu-button-sm"
-        @click=${a=>{const e=a.target.closest("btu-pagination");e&&(e.page=1)}}
-      >
-        Today
-      </button>
-    </btu-pagination>
-  `,parameters:{docs:{description:{story:'Calendar variant using `slot="page-size"` for a week/month selector and `slot="jumper"` for a Today button.'}}}},p={args:{"total-items":200,loading:!0},parameters:{docs:{description:{story:"Loading state shows a spinner and dims the navigation controls. The `aria-busy` attribute is set on the live region."}}}},g={args:{"total-items":200,disabled:!0,page:3},parameters:{docs:{description:{story:"Disabled state prevents all interaction. All buttons and selects receive the native `disabled` attribute."}}}},d={render:()=>{const t=a=>{const e=a.target;e.loading=!0,setTimeout(()=>{e.loading=!1},1e3)};return o`
-      <div class="flex flex-col gap-4">
-        <div class="flex items-center gap-2">
-          <label for="total-input" class="text-sm font-medium">Total Items:</label>
-          <input
-            id="total-input"
-            type="number"
-            value="200"
-            min="0"
-            class="w-24 rounded border px-2 py-1 text-sm"
-            @input=${a=>{const e=a.target,n=e.closest(".flex.flex-col")?.querySelector("btu-pagination");n&&(n.totalItems=parseInt(e.value,10)||0)}}
-          />
-        </div>
-        <btu-pagination
-          total-items="200"
-          @btu-pagination-change=${t}
-          @btu-pagination-page-size-change=${t}
-        ></btu-pagination>
-      </div>
-    `},parameters:{docs:{description:{story:"Interactive example demonstrating dynamic `totalItems` changes at runtime. Navigation triggers a simulated 1s loading state."}}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  args: {},
-  parameters: {
-    docs: {
-      description: {
-        story: 'Default Widget variant with page size selector, total display, and full navigation controls.'
-      }
-    }
-  }
-}`,...i.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    'total-items': 500,
-    'page-size-options': '10, 25, 50, 100'
-  },
-  render: args => html\`
-    <btu-pagination
-      total-items="\${args['total-items'] ?? 500}"
-      page="\${args.page ?? 1}"
-      page-size="\${args['page-size'] ?? 0}"
-      page-size-options="\${args['page-size-options'] ?? '10, 25, 50, 100'}"
-      ?disabled="\${args.disabled}"
-      ?loading="\${args.loading}"
-      .hideOnSinglePage=\${args['hide-on-single-page'] ?? true}
-      .pageSizeChanger=\${args['page-size-changer'] ?? true}
-      .boundaryButtons=\${args['boundary-buttons'] ?? true}
-      ?hide-total-count=\${args['hide-total-count']}
-      style=\${styleMap(paginationStyles(args))}
-    >
-      <select
-        slot="jumper"
-        class="btu-pagination-select"
-        aria-label="Go to page"
-        @change=\${(e: Event) => {
-    const select = e.target as HTMLSelectElement;
-    const pagination = select.closest('btu-pagination');
-    if (pagination) {
-      pagination.page = parseInt(select.value, 10);
-    }
-  }}
-      >
-        \${Array.from({
-    length: 50
-  }, (_, i) => html\`<option value="\${i + 1}">Page \${i + 1}</option>\`)}
-      </select>
-    </btu-pagination>
-  \`,
-  parameters: {
-    docs: {
-      description: {
-        story: 'Search variant with a page jumper dropdown placed via \`slot="jumper"\`. Allows direct navigation to a specific page.'
-      }
-    }
-  }
-}`,...s.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    'total-items': 100,
-    'boundary-buttons': false
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Compact widget variant without first/last page buttons. Suitable for tight spaces.'
-      }
-    }
-  }
-}`,...r.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
-  args: {
-    'total-items': 52
-  },
-  render: args => html\`
-    <btu-pagination
-      total-items="\${args['total-items'] ?? 52}"
-      page="\${args.page ?? 1}"
-      page-size="1"
-      ?disabled="\${args.disabled}"
-      ?loading="\${args.loading}"
-      .hideOnSinglePage=\${args['hide-on-single-page'] ?? true}
-      .pageSizeChanger=\${false}
-      .boundaryButtons=\${args['boundary-buttons'] ?? true}
-      ?hide-total-count=\${args['hide-total-count']}
-      style=\${styleMap(paginationStyles(args))}
-    >
-      <select slot="page-size" class="btu-pagination-select" aria-label="View type">
-        <option value="week">Week</option>
-        <option value="month">Month</option>
-      </select>
-      <button
-        slot="jumper"
-        class="btu-button btu-button-sm"
-        @click=\${(e: Event) => {
-    const pagination = (e.target as HTMLElement).closest('btu-pagination');
-    if (pagination) pagination.page = 1;
-  }}
-      >
-        Today
-      </button>
-    </btu-pagination>
-  \`,
-  parameters: {
-    docs: {
-      description: {
-        story: 'Calendar variant using \`slot="page-size"\` for a week/month selector and \`slot="jumper"\` for a Today button.'
-      }
-    }
-  }
-}`,...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  args: {
-    'total-items': 200,
-    loading: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Loading state shows a spinner and dims the navigation controls. The \`aria-busy\` attribute is set on the live region.'
-      }
-    }
-  }
-}`,...p.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  args: {
-    'total-items': 200,
-    disabled: true,
-    page: 3
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Disabled state prevents all interaction. All buttons and selects receive the native \`disabled\` attribute.'
-      }
-    }
-  }
-}`,...g.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const simulateLoading = (e: CustomEvent) => {
-      const pagination = e.target as HTMLElement & {
-        loading: boolean;
-      };
-      pagination.loading = true;
-      setTimeout(() => {
-        pagination.loading = false;
-      }, 1000);
-    };
-    return html\`
-      <div class="flex flex-col gap-4">
-        <div class="flex items-center gap-2">
-          <label for="total-input" class="text-sm font-medium">Total Items:</label>
-          <input
-            id="total-input"
-            type="number"
-            value="200"
-            min="0"
-            class="w-24 rounded border px-2 py-1 text-sm"
-            @input=\${(e: Event) => {
-      const input = e.target as HTMLInputElement;
-      const pagination = (input.closest('.flex.flex-col') as HTMLElement)?.querySelector('btu-pagination') as HTMLElement & {
-        totalItems: number;
-      };
-      if (pagination) pagination.totalItems = parseInt(input.value, 10) || 0;
-    }}
-          />
-        </div>
-        <btu-pagination
-          total-items="200"
-          @btu-pagination-change=\${simulateLoading}
-          @btu-pagination-page-size-change=\${simulateLoading}
-        ></btu-pagination>
-      </div>
-    \`;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Interactive example demonstrating dynamic \`totalItems\` changes at runtime. Navigation triggers a simulated 1s loading state.'
-      }
-    }
-  }
-}`,...d.parameters?.docs?.source}}};const z=["Default","Search","WidgetSmall","Calendar","Loading","Disabled","DynamicTotal"];export{l as Calendar,i as Default,g as Disabled,d as DynamicTotal,p as Loading,s as Search,r as WidgetSmall,z as __namedExportsOrder,S as default};

package/dist/storybook/assets/ScrollShadow.stories-C3W5o9ZW.js

@@ -1,17 +0,0 @@
-import{x as a}from"./iframe-BqvwP3or.js";import"./preload-helper-PPVm8Dsz.js";const l=({theme:e="btu-scrollshadow-25"})=>{const r=new Array(100).fill(0).map((s,t)=>`Item ${t+1}`);return a`
-    <style>
-      :root {
-        --can-scroll:   ;
-      }
-    </style>
-    <div class=${["flex","gap-2","bg-gray-500",e].join(" ")}>
-      ${r.map((s,t)=>a`<div
-            class="text-md flex aspect-square h-[100px] items-center justify-center"
-            style="background:oklch(80% 50% ${Math.floor(Math.random()*710)+10});"
-          >
-            ${s}
-          </div>`)}
-    </div>
-  `},n={title:"CSS Plugins/ScrollShadow",component:"btu-scrollshadow",tags:["autodocs"],parameters:{docs:{subtitle:"This Tailwind CSS plugin provides the `.btu-scrollshadow` utility class for adding shadows to the edges of a scrollable container once the content overflows. The shadows use our gray color palette. You can choose which shade of gray you want. The scroll container must not already use before & after pseudo elements. But, if you need to use before/after modifiers on the container, make sure you also manually set the content property to the `--whitespace` variable. This is a workaround for TWCSS automatically adding a content property to the before/after pseudo-elements, which overrides the `--whitespace` variable by default. Note: this currently only supports x-axis scrolling."},controls:{expanded:!0}},render:e=>l(e),argTypes:{theme:{control:{type:"select"},description:"Choose a shade of gray for the scroll shadow. 25 is almost white, and 900 is almost black.",options:["btu-scrollshadow-25","btu-scrollshadow-50","btu-scrollshadow-100","btu-scrollshadow-200","btu-scrollshadow-300","btu-scrollshadow-400","btu-scrollshadow-500","btu-scrollshadow-600","btu-scrollshadow-700","btu-scrollshadow-800","btu-scrollshadow-900"]}},args:{}},o={args:{}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  args: {}
-}`,...o.parameters?.docs?.source}}};const i=["Default"];export{o as Default,i as __namedExportsOrder,n as default};

package/dist/storybook/assets/if-defined-BZFPaJjl.js

@@ -1 +0,0 @@
-import{E as r}from"./iframe-BqvwP3or.js";const m=o=>o??r;export{m as o};