@brightspot/ui 1.0.1-wc.4 → 1.2.0

package/dist/components/widget/Widget.js

@@ -1,196 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { EventEmitterMixin } from '../../utils/EventEmitterMixin.js';
-import { getComponentKey, ifUnmodified } from './WidgetUtils.js';
-const ls = window.localStorage;
-const collapseTooltip = window.BRIGHTSPOT?.ui?.tooltips?.collapse || 'Collapse';
-const expandTooltip = window.BRIGHTSPOT?.ui?.tooltips?.expand || 'Expand';
-/**
- * A collapsible container component with persistent state management.
- *
- * Provides collapsible behavior with localStorage persistence, keyboard
- * accessibility, and automatic error expansion. Uses CSS Grid layout with
- * named columns for flexible content positioning.
- *
- * @element btu-widget
- *
- * @fires {CustomEvent} btu-brightspot-element-connected - Inherited from EventEmitterMixin, fired when element connects to DOM
- * @fires {CustomEvent} btu-brightspot-element-disconnected - Inherited from EventEmitterMixin, fired when element disconnects from DOM
- * @fires {CustomEvent<{error: Error}>} btu-brightspot-element-error - Inherited from EventEmitterMixin, fired on connection error
- * @fires {CustomEvent} btu-widget-ready - Fired after first render and initialization
- * @fires {CustomEvent<{collapsed: boolean}>} btu-widget-toggle - Fired when collapse state changes
- *
- * @slot - Default slot for widget content
- *
- * @cssprop --space - Horizontal padding for grid columns (default: theme(spacing.6))
- * @cssprop --Widget-padding - Internal padding variable (default: var(--gap-l))
- *
- * @example
- * ```html
- * <btu-widget
- *   collapsible
- *   heading="My Widget"
- *   internalname="example"
- *   widgetid="widget-001">
- *   <p>Widget content goes here</p>
- * </btu-widget>
- * ```
- */
-export default class Widget extends EventEmitterMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        this._collapsed = false;
-        /**
-         * Enable collapsible behavior with expand/collapse controls.
-         * When enabled, displays a chevron icon and allows users to toggle content visibility.
-         * @attr
-         */
-        this.collapsible = false;
-        /**
-         * Internal state tracking whether widget contains error messages.
-         * Widget automatically expands when errors are detected.
-         * @private
-         */
-        this.invalid = false;
-    }
-    /**
-     * Controls the collapsed state of the widget.
-     * When set, persists to localStorage and emits btu-widget-toggle event.
-     * @attr
-     */
-    set collapsed(isCollapsed) {
-        this._collapsed = isCollapsed;
-        const key = getComponentKey(this, 'data-internal-name');
-        if (key) {
-            if (isCollapsed) {
-                ls.setItem(key, '1');
-            }
-            else {
-                ls.removeItem(key);
-            }
-        }
-        this.requestUpdate();
-        this.emit('btu-widget-toggle');
-    }
-    get collapsed() {
-        return this._collapsed;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        const key = getComponentKey(this, 'data-internal-name');
-        this.collapsed = key && ls.getItem(key) ? true : false;
-    }
-    createRenderRoot() {
-        return this;
-    }
-    firstUpdated() {
-        this.emit('btu-widget-ready');
-        this.invalid = this.querySelector('.Message.is-error') != null;
-        if (!this.collapsible || this.invalid) {
-            this.collapsed = false;
-        }
-        const widgetTitle = this.querySelector('.Widget-title');
-        // Ensures that the title is always the first child of the widget.
-        const firstChild = this.firstChild;
-        if (firstChild instanceof Element && !firstChild.classList.contains('Widget-title')) {
-            if (widgetTitle) {
-                this.insertBefore(widgetTitle, firstChild);
-            }
-        }
-        // Hide all children added after render of the widget if it is collapsed
-        this.querySelectorAll(':scope > :not(.Widget-title, script, select)').forEach(el => {
-            el.toggleAttribute('hidden', this.collapsed && !this.invalid);
-        });
-    }
-    _collapsibleTemplate() {
-        return html `<h2
-      class="Widget-title ${this.invalid
-            ? 'text-error-600'
-            : ''} btu-heading-5 sticky top-0 z-10 cursor-pointer overflow-x-clip text-ellipsis whitespace-nowrap border-b border-b-gray-200 bg-white px-[--space] py-3.5 text-gray-900 [grid-column:fullbleed-start_/_fullbleed-end] hover:bg-gray-100 focus:ring-0"
-      @click="${() => (this.collapsed = !this.collapsed)}"
-    >
-      <div
-        class="Widget-expand ${this.invalid
-            ? 'after:btu-icon after:btu-icon-circle-alert after:text-error-600'
-            : ''} relative inline-flex w-full items-center gap-2 focus:ring-0"
-        role="button"
-        tabindex="0"
-        aria-expanded=${!this.collapsed}
-        title=${this.collapsed ? expandTooltip : collapseTooltip}
-        @keydown=${ifUnmodified((e) => {
-            if (e instanceof KeyboardEvent) {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    this.collapsed = !this.collapsed;
-                }
-            }
-        })}
-      >
-        ${this.heading}
-        <ul
-          class="Widget-controls sticky top-0 z-[11] order-2 ms-auto flex items-center gap-2 border-b-0 border-b-gray-200 bg-inherit empty:hidden"
-          aria-hidden="true"
-        >
-          <li
-            class="Widget-collapse btu-button btu-button-text-hidden btu-button-fill-none btu-button-gray btu-button-sm before:btu-icon before:btu-icon-chevron-up ${this
-            .collapsed
-            ? 'before:rotate-180'
-            : ''} before:transition-transform"
-            title="${this.collapsed ? expandTooltip : collapseTooltip}"
-          ></li>
-        </ul>
-      </div>
-    </h2>`;
-    }
-    render() {
-        this.classList.add('widget', 'Widget', 'relative', 'grid', 'bg-white');
-        // Add the collapsible class if the widget can be collapsible.
-        this.classList.toggle('is-collapsible', this.collapsible);
-        this.classList.toggle('is-collapsed', this.collapsed);
-        if (this.collapsed)
-            this.classList.add('overflow-clip', 'border-b-0', 'pb-0');
-        // If there are error messages, expand the widget.
-        this.classList.toggle('is-error', this.invalid);
-        // Hide all children of the widget if it is collapsed.
-        this.querySelectorAll(':scope > :not(.Widget-title, script, select)').forEach(el => {
-            el.toggleAttribute('hidden', this.collapsed);
-        });
-        if (this.collapsible) {
-            this.classList.add('h-[min-content]');
-            return this._collapsibleTemplate();
-        }
-        else {
-            return html `<h2 class="Widget-title ${this.invalid ? 'text-error-600' : ''}">${this.heading}</h2>`;
-        }
-    }
-}
-__decorate([
-    property({ type: Boolean })
-], Widget.prototype, "collapsible", void 0);
-__decorate([
-    property({ type: String })
-], Widget.prototype, "heading", void 0);
-__decorate([
-    property({ type: String })
-], Widget.prototype, "internalname", void 0);
-__decorate([
-    state()
-], Widget.prototype, "invalid", void 0);
-__decorate([
-    property({ type: String })
-], Widget.prototype, "widgetid", void 0);
-__decorate([
-    property({ type: Boolean })
-], Widget.prototype, "collapsed", null);
-// Register custom element with guard to prevent double registration
-// (common with yarn link, HMR, or webpack bundle duplication)
-if (!customElements.get('btu-widget')) {
-    customElements.define('btu-widget', Widget);
-}
-//# sourceMappingURL=Widget.js.map

package/dist/components/widget/Widget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/components/widget/Widget.ts"],"names":[],"mappings":"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"}

package/dist/components/widget/WidgetUtils.d.ts

@@ -1,14 +0,0 @@
-/**
- * Generates a localStorage key for widget collapse state persistence.
- * @param component - The component element (typically btu-widget)
- * @param nameAttribute - The attribute name to read for component name
- * @returns localStorage key in format: BSP.ContentEdit.widgetCollapsed.{typeId}.{componentName}
- */
-export declare function getComponentKey(component: HTMLElement, nameAttribute: string): string | null;
-/**
- * Higher-order function that executes a callback only if keyboard event has no modifier keys.
- * @param fn - Function to execute if event is unmodified
- * @returns Wrapped function that checks for modifiers before executing
- */
-export declare function ifUnmodified(fn: (...args: unknown[]) => unknown): (...args: unknown[]) => void;
-//# sourceMappingURL=WidgetUtils.d.ts.map

package/dist/components/widget/WidgetUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetUtils.d.ts","sourceRoot":"","sources":["../../../src/components/widget/WidgetUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAkB5F;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,IAC7C,GAAG,MAAM,OAAO,EAAE,UASpC"}

package/dist/components/widget/WidgetUtils.js

@@ -1,42 +0,0 @@
-/**
- * Generates a localStorage key for widget collapse state persistence.
- * @param component - The component element (typically btu-widget)
- * @param nameAttribute - The attribute name to read for component name
- * @returns localStorage key in format: BSP.ContentEdit.widgetCollapsed.{typeId}.{componentName}
- */
-export function getComponentKey(component, nameAttribute) {
-    const edit = component.closest('.ContentEdit') || component.closest('btu-widget');
-    if (!edit)
-        return null;
-    let typeId;
-    let componentName;
-    if (edit.classList.contains('ContentEdit')) {
-        typeId = edit.getAttribute('data-type-id');
-        componentName = component.getAttribute(nameAttribute);
-        if (!typeId || !componentName)
-            return null;
-    }
-    else if (edit instanceof HTMLElement) {
-        typeId = edit.getAttribute('widgetid');
-        componentName = edit.getAttribute('internalname');
-        if (!typeId || !componentName)
-            return null;
-    }
-    return typeId && componentName ? `BSP.ContentEdit.widgetCollapsed.${typeId}.${componentName}` : null;
-}
-/**
- * Higher-order function that executes a callback only if keyboard event has no modifier keys.
- * @param fn - Function to execute if event is unmodified
- * @returns Wrapped function that checks for modifiers before executing
- */
-export function ifUnmodified(fn) {
-    return function (...args) {
-        if (args[0] instanceof KeyboardEvent) {
-            const event = args[0];
-            if (!event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey) {
-                fn.apply(event.target, args);
-            }
-        }
-    };
-}
-//# sourceMappingURL=WidgetUtils.js.map

package/dist/components/widget/WidgetUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetUtils.js","sourceRoot":"","sources":["../../../src/components/widget/WidgetUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,SAAsB,EAAE,aAAqB;IAC3E,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;IACjF,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAI,MAAM,CAAA;IACV,IAAI,aAAa,CAAA;IAEjB,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;QAC3C,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;QAC1C,aAAa,GAAG,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;QACrD,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;YAAE,OAAO,IAAI,CAAA;IAC5C,CAAC;SAAM,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;QACvC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;QACtC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;QACjD,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;YAAE,OAAO,IAAI,CAAA;IAC5C,CAAC;IAED,OAAO,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,mCAAmC,MAAM,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AACtG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAAmC;IAC9D,OAAO,UAAU,GAAG,IAAe;QACjC,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,aAAa,EAAE,CAAC;YACrC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;YAErB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACzE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;IACH,CAAC,CAAA;AACH,CAAC"}

package/dist/storybook/assets/Badge.stories-cKvztBhm.js

@@ -1,43 +0,0 @@
-import{x as i}from"./iframe-mIh0R_Av.js";import"./preload-helper-PPVm8Dsz.js";const p=({color:e="gray",affordance:a,size:u="sm",customForegroundColor:n,customBackgroundColor:c,label:g})=>{let l=!1,d=!1;a==="dot"?l=!0:a==="icon"&&(d=!0);const o=[];return n&&o.push(`--badge-color-foreground: ${n}`),c&&o.push(`--badge-color-background: ${c}`),i`
-    <span
-      class=${["btu-badge",`btu-badge-${u}`,`btu-badge-${e}`,l?"before:size-2 before:rounded-lg before:bg-[currentColor]":"",d?"before:btu-icon before:btu-icon-xs before:btu-icon-salad":""].join(" ")}
-      style=${o.length>0?o.join("; "):""}
-    >
-      ${g}
-    </span>
-  `},m=["black","white","primary","teal","gray","purple","rose","error","warning","success"],f={title:"Components/Badge",component:"btu-badge",tags:["autodocs"],parameters:{docs:{subtitle:"btu-badge"},controls:{expanded:!0}},render:e=>p(e),argTypes:{color:{control:{type:"select"},options:m},affordance:{control:{type:"select"},options:["dot","icon"],description:"Display a design affordance next to the label"},size:{control:{type:"select"},options:["sm","md","lg"]},customForegroundColor:{control:{type:"color"},description:"Custom foreground (text) color - overrides the theme color"},customBackgroundColor:{control:{type:"color"},description:"Custom background color - overrides the theme color"}},args:{color:"purple",affordance:"dot",size:"sm",customForegroundColor:"",customBackgroundColor:"",label:"Badge"}},r={args:{}},s={args:{color:"primary",size:"lg",label:"Custom Colors Badge",customForegroundColor:"#a04b4b",customBackgroundColor:"#dce34d"},parameters:{docs:{description:{story:"Badge supports custom colors using the btu-badge-foreground and btu-badge-background utilities. Setting these values will override any theme colors."}}}},t={args:{color:"success",size:"lg",label:"Linked Badge"},decorators:[e=>i`<a href="#" class="hover:text-primary inline-flex items-center gap-2 hover:underline"
-        >Hover over me to see the ${e()} in action.</a
-      >`],parameters:{docs:{description:{story:"Badges inside anchor elements automatically handle underlines properly. The underline uses the badge background color instead of the default link color, ensuring proper visual hierarchy when badges are used as clickable elements."}}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {}
-}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    color: 'primary',
-    size: 'lg',
-    label: 'Custom Colors Badge',
-    customForegroundColor: '#a04b4b',
-    customBackgroundColor: '#dce34d'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: \`Badge supports custom colors using the btu-badge-foreground and btu-badge-background utilities. Setting these values will override any theme colors.\`
-      }
-    }
-  }
-}`,...s.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    color: 'success',
-    size: 'lg',
-    label: 'Linked Badge'
-  },
-  decorators: [story => html\`<a href="#" class="hover:text-primary inline-flex items-center gap-2 hover:underline"
-        >Hover over me to see the \${story()} in action.</a
-      >\`],
-  parameters: {
-    docs: {
-      description: {
-        story: \`Badges inside anchor elements automatically handle underlines properly. The underline uses the badge background color instead of the default link color, ensuring proper visual hierarchy when badges are used as clickable elements.\`
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};const y=["Default","CustomColors","InsideAnchor"];export{s as CustomColors,r as Default,t as InsideAnchor,y as __namedExportsOrder,f as default};

package/dist/storybook/assets/Button.stories-BH3fEuOH.js

@@ -1,63 +0,0 @@
-import{x as v}from"./iframe-mIh0R_Av.js";import"./preload-helper-PPVm8Dsz.js";const I=({color:r="primary",pressed:a,fill:i,contained:c,outlined:l,size:d="sm",label:u,icon:b,hideText:p,disabled:m})=>{const g=i?"":"btu-button-fill-none",y=c?"":"btu-button-container-none",h=l?"btu-button-outline":"",f=p?"btu-button-text-hidden":"",x=b?["before:btu-icon","before:btu-icon-smile"]:[];return v`
-    <button
-      type="button"
-      class=${["btu-button",`btu-button-${r}`,`btu-button-${d}`,g,y,h,f,...x].join(" ")}
-      ?disabled=${m}
-      aria-pressed=${a?"true":"false"}
-    >
-      ${u}
-    </button>
-  `},B=["ai","black","white","primary","teal","gray","purple","rose","error","warning","success"],S={title:"Components/Button",component:"btu-button",tags:["autodocs"],parameters:{docs:{subtitle:"btu-button"},controls:{expanded:!0}},render:r=>I(r),argTypes:{color:{control:{type:"select"},options:B},contained:{control:{type:"boolean"},description:"Does the button have a container?"},disabled:{control:{type:"boolean"},description:"Is the button disabled?"},fill:{control:{type:"boolean"},description:"Is the button filled?"},hideText:{control:{type:"boolean"},description:"Icon only mode (hides label)"},icon:{table:{disable:!0}},label:{control:{type:"text"},description:"Button label text"},outlined:{control:{type:"boolean"},description:"Is the button outlined?"},pressed:{control:{type:"boolean"},description:"Is the button pressed?"},size:{control:{type:"select"},options:["sm","md","lg","xl","2xl"]}},args:{color:"primary",contained:!0,disabled:!1,fill:!0,hideText:!1,icon:"",label:"Button",outlined:!1,pressed:!1,size:"md"}},e={args:{}},t={args:{label:"Search",icon:"before:btu-icon-smile"},parameters:{docs:{description:{story:"Button with an icon alongside text."}}}},o={args:{icon:"before:btu-icon-smile",hideText:!0},parameters:{docs:{description:{story:"Icon-only button. Uses `btu-button-text-hidden` to hide the label."}}}},s={args:{label:"Disabled Button",disabled:!0},parameters:{docs:{description:{story:"Disabled button state. Uses the `[disabled]` attribute to trigger disabled styling with reduced opacity and pointer events disabled."}}}},n={args:{label:"Active Button",pressed:!0,fill:!1,icon:"before:btu-icon-smile",hideText:!0},parameters:{docs:{description:{story:'Active/pressed button state. Uses `[aria-pressed="true"]` attribute to trigger the pressed styling, typically used for toggle buttons or to show an active state.'}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {}
-}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: 'Search',
-    icon: 'before:btu-icon-smile'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: \`Button with an icon alongside text.\`
-      }
-    }
-  }
-}`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  args: {
-    icon: 'before:btu-icon-smile',
-    hideText: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: \`Icon-only button. Uses \\\`btu-button-text-hidden\\\` to hide the label.\`
-      }
-    }
-  }
-}`,...o.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: 'Disabled Button',
-    disabled: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: \`Disabled button state. Uses the \\\`[disabled]\\\` attribute to trigger disabled styling with reduced opacity and pointer events disabled.\`
-      }
-    }
-  }
-}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  args: {
-    label: 'Active Button',
-    pressed: true,
-    fill: false,
-    icon: 'before:btu-icon-smile',
-    hideText: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: \`Active/pressed button state. Uses \\\`[aria-pressed="true"]\\\` attribute to trigger the pressed styling, typically used for toggle buttons or to show an active state.\`
-      }
-    }
-  }
-}`,...n.parameters?.docs?.source}}};const T=["Default","WithIcon","IconOnly","Disabled","ActivePressed"];export{n as ActivePressed,e as Default,s as Disabled,o as IconOnly,t as WithIcon,T as __namedExportsOrder,S as default};

package/dist/storybook/assets/Heading.stories-cqZamo-6.js

@@ -1,3 +0,0 @@
-import{x as s}from"./iframe-mIh0R_Av.js";import"./preload-helper-PPVm8Dsz.js";const a=({size:t})=>s` <div class=${[`btu-heading-${t}`].join(" ")}>Heading</div> `,n={title:"Components/Heading",component:"btu-heading",tags:["autodocs"],parameters:{docs:{subtitle:"btu-heading"},controls:{expanded:!0}},render:t=>a(t),argTypes:{size:{control:{type:"range",min:1,max:5,step:1},description:"Heading size from 1 to 5, where 1 is the largest and 5 is the smallest."}},args:{size:1}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {}
-}`,...e.parameters?.docs?.source}}};const i=["Default"];export{e as Default,i as __namedExportsOrder,n as default};