npm - @apipass/design-system - Versions diffs - 8.3.0 → 8.4.0 - Mend

@apipass/design-system 8.3.0 → 8.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (314) hide show

package/dist/lib/ui/components/ConfirmDialog/ConfirmDialog.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react");;/* empty css                    */const r=require("../../primitives/Dialog/Dialog.cjs"),C=require("../../primitives/Input/Input.cjs"),x=require("../../layout/Flex/Flex.cjs"),l=require("../../primitives/Button/Button.cjs");function P(t){return t.isOpen?e.jsx(v,{...t}):null}function v({title:t,message:u,confirmValue:o,confirmValueLabel:j,confirmLabel:c="Confirm",cancelLabel:m="Cancel",isDanger:p=!1,isLoading:i=!1,onConfirm:h,onClose:d}){const[g,D]=y.useState(""),s=o?g===o:!0;function a(){!s||i||h()}function f(){i||d()}return e.jsx(r.DialogModal,{isOpen:!0,onOpenChange:n=>!n&&f(),children:e.jsxs(r.Dialog,{children:[e.jsxs(x.Flex,{direction:"row",alignPrimary:"space-between",alignSecondary:"center",children:[e.jsx(r.DialogTitle,{children:t}),e.jsx(r.DialogClose,{onPress:f})]}),e.jsxs(r.DialogBody,{children:[u&&e.jsx("p",{className:"confirm-dialog-message",dangerouslySetInnerHTML:{__html:u}}),o&&e.jsx(C.InputField,{label:j,value:g,onChange:D,autoFocus:!0,onKeyDown:n=>{n.continuePropagation(),n.key==="Enter"&&!n.repeat&&!n.nativeEvent.isComposing&&a()},isRequired:!0,validationBehavior:"aria"})]}),e.jsxs(x.Flex,{direction:"row",gap:"200",alignPrimary:"end",className:"confirm-dialog-footer",children:[e.jsx(l.Button,{variant:"neutral",onPress:d,isDisabled:i,children:m}),p?e.jsx(l.ButtonDanger,{variant:"danger-primary",onPress:a,isDisabled:!s,isPending:i,children:c}):e.jsx(l.Button,{variant:"primary",onPress:a,isDisabled:!s,isPending:i,children:c})]})]})})}exports.ConfirmDialog=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react");;/* empty css                    */const i=require("../../primitives/Dialog/Dialog.cjs"),C=require("../../primitives/Input/Input.cjs"),x=require("../../layout/Flex/Flex.cjs"),l=require("../../primitives/Button/Button.cjs");function P(t){return t.isOpen?e.jsx(v,{...t}):null}function v({title:t,message:u,confirmValue:o,confirmValueLabel:j,confirmLabel:c="Confirm",cancelLabel:m="Cancel",isDanger:p=!1,isLoading:r=!1,onConfirm:h,onClose:d}){const[g,D]=y.useState(""),s=o?g===o:!0;function a(){!s||r||h()}function f(){r||d()}return e.jsx(i.DialogModal,{isOpen:!0,onOpenChange:n=>!n&&f(),children:e.jsxs(i.Dialog,{children:[e.jsxs(x.Flex,{direction:"row",alignPrimary:"space-between",alignSecondary:"center",children:[e.jsx(i.DialogTitle,{children:t}),e.jsx(i.DialogClose,{onPress:f})]}),e.jsxs(i.DialogBody,{children:[u&&e.jsx("p",{className:"confirm-dialog-message",dangerouslySetInnerHTML:{__html:u}}),o&&e.jsx(C.InputField,{label:j,value:g,onChange:D,autoFocus:!0,onKeyDown:n=>{n.continuePropagation(),n.key==="Enter"&&!n.repeat&&!n.nativeEvent.isComposing&&a()},isRequired:!0,validationBehavior:"aria"})]}),e.jsxs(x.Flex,{direction:"row",gap:"200",alignPrimary:"end",className:"confirm-dialog-footer",children:[e.jsx(l.Button,{variant:"neutral",onPress:d,isDisabled:r,children:m}),p?e.jsx(l.ButtonDanger,{variant:"danger-primary",onPress:a,isDisabled:!s,isPending:r,children:c}):e.jsx(l.Button,{variant:"primary",onPress:a,isDisabled:!s,isPending:r,children:c})]})]})})}exports.ConfirmDialog=P;
 //# sourceMappingURL=ConfirmDialog.cjs.map

package/dist/lib/ui/components/DataTable/DataTable.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),D=require("../../../vendor/clsx/dist/clsx.cjs"),b=require("react");;/* empty css                */const we=require("../../primitives/Search/Search.cjs"),i=require("../../primitives/Table/Table.cjs"),me=require("../../icons/IconChevronDown.cjs"),ye=require("../../icons/IconChevronRight.cjs"),Se=require("../../primitives/Pagination/Pagination.cjs"),ve=require("../../primitives/PermissionGate/PermissionGate.cjs"),Q=require("../../hooks/useLoadingVisibility.cjs"),Ne=require("../../layout/Flex/Flex.cjs"),Ce=require("../../primitives/BrandLoader/BrandLoader.cjs"),Te=require("../../primitives/IconButton/IconButton.cjs"),Pe=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});function qe(t,n){return t==null||n==null?t==null?n==null?0:1:-1:t instanceof Date&&n instanceof Date?t.getTime()-n.getTime():typeof t=="number"&&typeof n=="number"?t-n:Pe.compare(String(t),String(n))}function Re(t,n,d){const o=n.sortValue??(x=>x[n.key]),h=d==="descending"?-1:1;return[...t].sort((x,g)=>qe(o(x),o(g))*h)}function Me({action:t,item:n}){const d=t.isPending===!0,o=t.isAllowed!==!1&&!d,h=a.jsx(Te.IconButton,{variant:"text",size:"small","aria-label":t.label,isDisabled:!o&&!d,isPending:d,onPress:o?()=>t.onPress(n):void 0,children:t.icon});return o?h:a.jsx(ve.PermissionGate,{isAllowed:!1,noAccessLabel:t.noAccessLabel??"",isPending:d,pendingLabel:t.pendingLabel??"",children:h})}function J({columns:t,data:n,actions:d,rowActions:o,rowActionsLabel:h="",selectable:x=!1,selectionType:g="checkbox",selectedKeys:U,onSelectionChange:W,defaultSortDescriptor:X,sortDescriptor:Y,onSortChange:y,ariaLabel:Z,dense:_,striped:A,maxHeight:I,searchPlaceholder:K="Search...",searchKeys:S=[],isLoading:v=!1,isRefreshing:V=!1,loadingMessage:N,emptyMessage:ee="No records found",previousLabel:ae="Previous",nextLabel:te="Next",pageSize:f=10,nestedColumns:B,getNestedData:E,nestedLoadingMessage:se,nestedEmptyMessage:ne="No records found",nestedSearchKeys:le,nestedSearchPlaceholder:re,nestedActions:C,nestedPageSize:ie}){const T=Q.useLoadingVisibility(v),F=Q.useLoadingVisibility(V&&!v),[P,oe]=b.useState(""),[de,q]=b.useState(1),[ce,ue]=b.useState(X),u=Y??ce,[H,be]=b.useState(new Set),[z,p]=b.useState(new Map),R=!!E&&!!B,M=!!o;function G(e,s){be(r=>{const c=new Set(r);return s?c.add(e):c.delete(e),c})}function he(e){const s=e.id,r=!H.has(s);if(G(s,r),!r||z.has(s))return;const c=E(e);c instanceof Promise?(p(l=>new Map(l).set(s,{status:"loading",data:[]})),c.then(l=>{p(m=>new Map(m).set(s,{status:"loaded",data:l}))},()=>{p(l=>{const m=new Map(l);return m.delete(s),m}),G(s,!1)})):p(l=>new Map(l).set(s,{status:"loaded",data:c}))}const j=S.length>0,xe=t.some(e=>e.isRowHeader),ge=j||!!d,w=b.useMemo(()=>{if(!P.trim()||!j)return n;const e=P.toLowerCase();return n.filter(s=>S.some(r=>String(s[r]??"").toLowerCase().includes(e)))},[n,P,S,j]),L=t.find(e=>e.sortable&&String(e.key)===String(u==null?void 0:u.column)),O=b.useMemo(()=>L&&u?Re(w,L,u.direction):w,[w,L,u]);function fe(e){ue(e),q(1),y==null||y(e)}const $=Math.max(1,Math.ceil(O.length/f)),k=Math.min(de,$),pe=O.slice((k-1)*f,k*f);function je(e,s){return s.render?s.render(e):String(e[s.key]??"")}return a.jsxs(Ne.Flex,{direction:"column",gap:"300",className:D.clsx("data-table",I!==void 0&&"data-table--fill"),children:[ge&&a.jsxs("div",{className:"data-table-toolbar",children:[j&&a.jsx(we.Search,{placeholder:K,onSearch:e=>{oe(e),q(1)},className:"data-table-search"}),d&&a.jsx("div",{className:"data-table-actions",children:d})]}),v||T?a.jsx("div",{role:"status","aria-live":"polite","aria-label":N,className:D.clsx("data-table-status",T?"data-table-loading":"data-table-loading-delay"),children:T&&a.jsxs(a.Fragment,{children:[a.jsx(Ce.BrandLoader,{"aria-hidden":!0,variant:"trace",size:"32",tone:"brand"}),a.jsx("span",{children:N})]})}):a.jsxs("div",{className:D.clsx("data-table-body",F&&"data-table-body--refreshing"),"aria-busy":V||void 0,children:[F&&a.jsx("div",{role:"progressbar","aria-label":N,className:"data-table-refresh-indicator"}),w.length===0?a.jsx("div",{role:"status",className:"data-table-status data-table-empty",children:ee}):a.jsxs(i.Table,{"aria-label":Z,dense:_,striped:A,maxHeight:I,selectionMode:x?g==="radio"?"single":"multiple":"none",selectionType:g,selectedKeys:U,onSelectionChange:W,sortDescriptor:u,onSortChange:fe,children:[a.jsxs(i.TableHead,{children:[R&&a.jsx(i.TableColumn,{className:"data-table-expand-col"}),t.map((e,s)=>a.jsx(i.TableColumn,{id:String(e.key),align:e.align,allowsSorting:e.sortable,isRowHeader:xe?e.isRowHeader:s===0,children:e.label},String(e.key))),M&&a.jsx(i.TableColumn,{align:"right",className:"data-table-row-actions-col",children:h})]}),a.jsx(i.TableBody,{children:pe.flatMap(e=>{const s=H.has(e.id),r=z.get(e.id),c=[a.jsxs(i.TableRow,{id:e.id,children:[R&&a.jsx(i.TableCell,{className:"data-table-expand-cell",children:a.jsx("button",{type:"button",className:"data-table-expand-btn","aria-label":s?"Collapse row":"Expand row","aria-expanded":s,onClick:()=>he(e),children:s?a.jsx(me.IconChevronDown,{size:"16"}):a.jsx(ye.IconChevronRight,{size:"16"})})}),t.map(l=>a.jsx(i.TableCell,{align:l.align,children:je(e,l)},String(l.key))),M&&a.jsx(i.TableCell,{align:"right",className:"data-table-row-actions-cell",children:a.jsx("div",{className:"data-table-row-actions",children:(typeof o=="function"?o(e):o).map(l=>a.jsx(Me,{action:l,item:e},l.key))})})]},e.id)];return s&&c.push(a.jsx(i.TableRow,{id:`${e.id}-nested`,className:"data-table-nested-row",children:a.jsx(i.TableCell,{colSpan:t.length+(R?1:0)+(x?1:0)+(M?1:0),className:"data-table-nested-cell",children:a.jsx(J,{columns:B,data:(r==null?void 0:r.data)??[],isLoading:!r||r.status==="loading",loadingMessage:se??"",emptyMessage:ne,searchKeys:le,searchPlaceholder:re,actions:C==null?void 0:C(e),pageSize:ie??f})})},`${e.id}-nested`)),c})})]})]}),a.jsx(Se.Pagination,{page:k,totalPages:$,onPageChange:q,previousLabel:ae,nextLabel:te})]})}exports.DataTable=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),D=require("../../../vendor/clsx/dist/clsx.cjs"),b=require("react");;/* empty css                */const we=require("../../primitives/Search/Search.cjs"),i=require("../../primitives/Table/Table.cjs"),me=require("../../icons/IconChevronDown.cjs"),ye=require("../../icons/IconChevronRight.cjs"),Se=require("../../primitives/Pagination/Pagination.cjs"),ve=require("../../primitives/PermissionGate/PermissionGate.cjs"),Q=require("../../hooks/useLoadingVisibility.cjs"),Ne=require("../../layout/Flex/Flex.cjs"),Ce=require("../../primitives/BrandLoader/BrandLoader.cjs"),Te=require("../../primitives/IconButton/IconButton.cjs"),Pe=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});function qe(t,n){return t==null||n==null?t==null?n==null?0:1:-1:t instanceof Date&&n instanceof Date?t.getTime()-n.getTime():typeof t=="number"&&typeof n=="number"?t-n:Pe.compare(String(t),String(n))}function Re(t,n,d){const o=n.sortValue??(x=>x[n.key]),h=d==="descending"?-1:1;return[...t].sort((x,g)=>qe(o(x),o(g))*h)}function Me({action:t,item:n}){const d=t.isPending===!0,o=t.isAllowed!==!1&&!d,h=a.jsx(Te.IconButton,{variant:"text",size:"small","aria-label":t.label,isDisabled:!o&&!d,isPending:d,onPress:o?()=>t.onPress(n):void 0,children:t.icon});return o?h:a.jsx(ve.PermissionGate,{isAllowed:!1,noAccessLabel:t.noAccessLabel??"",isPending:d,pendingLabel:t.pendingLabel??"",children:h})}function U({columns:t,data:n,actions:d,rowActions:o,rowActionsLabel:h="",selectable:x=!1,selectionType:g="checkbox",selectedKeys:J,onSelectionChange:W,defaultSortDescriptor:X,sortDescriptor:Y,onSortChange:y,ariaLabel:Z,dense:_,striped:A,maxHeight:I,searchPlaceholder:K="Search...",searchKeys:S=[],isLoading:v=!1,isRefreshing:V=!1,loadingMessage:N,emptyMessage:ee="No records found",previousLabel:ae="Previous",nextLabel:te="Next",pageSize:f=10,nestedColumns:B,getNestedData:E,nestedLoadingMessage:se,nestedEmptyMessage:ne="No records found",nestedSearchKeys:le,nestedSearchPlaceholder:re,nestedActions:C,nestedPageSize:ie}){const T=Q.useLoadingVisibility(v),F=Q.useLoadingVisibility(V&&!v),[P,oe]=b.useState(""),[de,q]=b.useState(1),[ce,ue]=b.useState(X),u=Y??ce,[H,be]=b.useState(new Set),[$,p]=b.useState(new Map),R=!!E&&!!B,M=!!o;function z(e,s){be(r=>{const c=new Set(r);return s?c.add(e):c.delete(e),c})}function he(e){const s=e.id,r=!H.has(s);if(z(s,r),!r||$.has(s))return;const c=E(e);c instanceof Promise?(p(l=>new Map(l).set(s,{status:"loading",data:[]})),c.then(l=>{p(m=>new Map(m).set(s,{status:"loaded",data:l}))},()=>{p(l=>{const m=new Map(l);return m.delete(s),m}),z(s,!1)})):p(l=>new Map(l).set(s,{status:"loaded",data:c}))}const j=S.length>0,xe=t.some(e=>e.isRowHeader),ge=j||!!d,w=b.useMemo(()=>{if(!P.trim()||!j)return n;const e=P.toLowerCase();return n.filter(s=>S.some(r=>String(s[r]??"").toLowerCase().includes(e)))},[n,P,S,j]),L=t.find(e=>e.sortable&&String(e.key)===String(u==null?void 0:u.column)),G=b.useMemo(()=>L&&u?Re(w,L,u.direction):w,[w,L,u]);function fe(e){ue(e),q(1),y==null||y(e)}const O=Math.max(1,Math.ceil(G.length/f)),k=Math.min(de,O),pe=G.slice((k-1)*f,k*f);function je(e,s){return s.render?s.render(e):String(e[s.key]??"")}return a.jsxs(Ne.Flex,{direction:"column",gap:"300",className:D.clsx("data-table",I!==void 0&&"data-table--fill"),children:[ge&&a.jsxs("div",{className:"data-table-toolbar",children:[j&&a.jsx(we.Search,{placeholder:K,onSearch:e=>{oe(e),q(1)},className:"data-table-search"}),d&&a.jsx("div",{className:"data-table-actions",children:d})]}),v||T?a.jsx("div",{role:"status","aria-live":"polite","aria-label":N,className:D.clsx("data-table-status",T?"data-table-loading":"data-table-loading-delay"),children:T&&a.jsxs(a.Fragment,{children:[a.jsx(Ce.BrandLoader,{"aria-hidden":!0,variant:"trace",size:"32",tone:"brand"}),a.jsx("span",{children:N})]})}):a.jsxs("div",{className:D.clsx("data-table-body",F&&"data-table-body--refreshing"),"aria-busy":V||void 0,children:[F&&a.jsx("div",{role:"progressbar","aria-label":N,className:"data-table-refresh-indicator"}),w.length===0?a.jsx("div",{role:"status",className:"data-table-status data-table-empty",children:ee}):a.jsxs(i.Table,{"aria-label":Z,dense:_,striped:A,maxHeight:I,selectionMode:x?g==="radio"?"single":"multiple":"none",selectionType:g,selectedKeys:J,onSelectionChange:W,sortDescriptor:u,onSortChange:fe,children:[a.jsxs(i.TableHead,{children:[R&&a.jsx(i.TableColumn,{className:"data-table-expand-col"}),t.map((e,s)=>a.jsx(i.TableColumn,{id:String(e.key),align:e.align,allowsSorting:e.sortable,isRowHeader:xe?e.isRowHeader:s===0,children:e.label},String(e.key))),M&&a.jsx(i.TableColumn,{align:"right",className:"data-table-row-actions-col",children:h})]}),a.jsx(i.TableBody,{children:pe.flatMap(e=>{const s=H.has(e.id),r=$.get(e.id),c=[a.jsxs(i.TableRow,{id:e.id,children:[R&&a.jsx(i.TableCell,{className:"data-table-expand-cell",children:a.jsx("button",{type:"button",className:"data-table-expand-btn","aria-label":s?"Collapse row":"Expand row","aria-expanded":s,onClick:()=>he(e),children:s?a.jsx(me.IconChevronDown,{size:"16"}):a.jsx(ye.IconChevronRight,{size:"16"})})}),t.map(l=>a.jsx(i.TableCell,{align:l.align,children:je(e,l)},String(l.key))),M&&a.jsx(i.TableCell,{align:"right",className:"data-table-row-actions-cell",children:a.jsx("div",{className:"data-table-row-actions",children:(typeof o=="function"?o(e):o).map(l=>a.jsx(Me,{action:l,item:e},l.key))})})]},e.id)];return s&&c.push(a.jsx(i.TableRow,{id:`${e.id}-nested`,className:"data-table-nested-row",children:a.jsx(i.TableCell,{colSpan:t.length+(R?1:0)+(x?1:0)+(M?1:0),className:"data-table-nested-cell",children:a.jsx(U,{columns:B,data:(r==null?void 0:r.data)??[],isLoading:!r||r.status==="loading",loadingMessage:se??"",emptyMessage:ne,searchKeys:le,searchPlaceholder:re,actions:C==null?void 0:C(e),pageSize:ie??f})})},`${e.id}-nested`)),c})})]})]}),a.jsx(Se.Pagination,{page:k,totalPages:O,onPageChange:q,previousLabel:ae,nextLabel:te})]})}exports.DataTable=U;
 //# sourceMappingURL=DataTable.cjs.map

package/dist/lib/ui/components/Widget/Widget.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../../vendor/clsx/dist/clsx.cjs"),r=require("react");;/* empty css             */const y=require("../../primitives/Tooltip/Tooltip.cjs"),z=require("../../icons/IconInfo.cjs"),B=require("../../icons/IconChevronDown.cjs"),u=require("../../primitives/IconButton/IconButton.cjs"),R=r.forwardRef(function({title:g,description:o,descriptionButtonLabel:x,headerActions:n,isCollapsible:s,collapseButtonLabel:m,expandButtonLabel:h,collapsed:a,defaultCollapsed:j,onCollapsedChange:i,children:w,className:f,...v},I){const d=r.useId(),c=a!==void 0,[p,N]=r.useState(j??!1),t=s===!0&&(c?a===!0:p);function q(){const l=!t;c||N(l),i==null||i(l)}return e.jsxs("div",{ref:I,className:b.clsx("widget",f),...v,"data-collapsed":t||void 0,children:[e.jsxs("div",{className:"widget-header widget-drag-handle",children:[e.jsxs("span",{className:"widget-header-title-group",children:[e.jsx("span",{className:"widget-header-title",children:g}),o&&e.jsx(y.Tooltip,{content:o,placement:"bottom",offset:4,children:e.jsx(u.IconButton,{"aria-label":x,variant:"subtle",size:"small",className:"widget-header-description-trigger",children:e.jsx(z.IconInfo,{size:"14"})})})]}),(n||s)&&e.jsxs("div",{className:"widget-header-actions",children:[n,s&&e.jsx(u.IconButton,{"aria-label":t?h:m,"aria-expanded":!t,"aria-controls":d,variant:"subtle",size:"small",className:"widget-header-collapse-trigger",onPress:q,children:e.jsx(B.IconChevronDown,{size:"16",className:"widget-header-collapse-indicator"})})]})]}),e.jsx("div",{id:d,className:"widget-body",hidden:t,children:w})]})});exports.Widget=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../../vendor/clsx/dist/clsx.cjs"),i=require("react");;/* empty css             */const y=require("../../primitives/Tooltip/Tooltip.cjs"),z=require("../../icons/IconInfo.cjs"),T=require("../../icons/IconChevronDown.cjs"),u=require("../../primitives/IconButton/IconButton.cjs"),B=i.forwardRef(function({title:g,description:o,descriptionButtonLabel:x,headerActions:n,isCollapsible:s,collapseButtonLabel:m,expandButtonLabel:h,collapsed:a,defaultCollapsed:j,onCollapsedChange:r,children:w,className:f,...v},I){const d=i.useId(),c=a!==void 0,[p,N]=i.useState(j??!1),t=s===!0&&(c?a===!0:p);function q(){const l=!t;c||N(l),r==null||r(l)}return e.jsxs("div",{ref:I,className:b.clsx("widget",f),...v,"data-collapsed":t||void 0,children:[e.jsxs("div",{className:"widget-header widget-drag-handle",children:[e.jsxs("span",{className:"widget-header-title-group",children:[e.jsx("span",{className:"widget-header-title",children:g}),o&&e.jsx(y.Tooltip,{content:o,placement:"bottom",offset:4,children:e.jsx(u.IconButton,{"aria-label":x,variant:"subtle",size:"small",className:"widget-header-description-trigger",children:e.jsx(z.IconInfo,{size:"14"})})})]}),(n||s)&&e.jsxs("div",{className:"widget-header-actions",children:[n,s&&e.jsx(u.IconButton,{"aria-label":t?h:m,"aria-expanded":!t,"aria-controls":d,variant:"subtle",size:"small",className:"widget-header-collapse-trigger",onPress:q,children:e.jsx(T.IconChevronDown,{size:"16",className:"widget-header-collapse-indicator"})})]})]}),e.jsx("div",{id:d,className:"widget-body",hidden:t,children:w})]})});exports.Widget=B;
 //# sourceMappingURL=Widget.cjs.map

package/dist/lib/ui/components/WidgetGrid/WidgetGrid.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),A=require("../../../vendor/clsx/dist/clsx.cjs"),G=require("react"),c=require("../../../_virtual/index.cjs");;/* empty css                                                 */;/* empty css                                               */;/* empty css                 */const T=c.WidthProvider(c),_=".widget-drag-handle",w=".widget-header-actions";function S({layout:o,onLayoutChange:r,cols:u=12,rowHeight:E=80,isEditable:g=!1,isDraggable:m,isResizable:b,className:R,style:q,children:i}){const D=o.map(({id:e,x:a,y:t,w:s,h:d})=>({i:e,x:a,y:t,w:s,h:d})),n=m??g;function x(e){r==null||r(e.map(({i:a,x:t,y:s,w:d,h:y})=>({id:a,x:t,y:s,w:d,h:y})))}return l.jsx(T,{className:A.clsx("widget-grid",n&&"widget-grid-draggable",R),style:q,layout:D,cols:u,rowHeight:E,isDraggable:n,isResizable:b??g,draggableHandle:_,draggableCancel:w,onLayoutChange:x,children:(Array.isArray(i)?i:[i]).map(e=>G.isValidElement(e)?l.jsx("div",{className:"widget-grid-item",children:e},e.key):e)})}exports.WidgetGrid=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),y=require("../../../vendor/clsx/dist/clsx.cjs"),A=require("react"),c=require("../../../_virtual/index.cjs");;/* empty css                                                 */;/* empty css                                               */;/* empty css                 */const G=c.WidthProvider(c),_=".widget-drag-handle",w=".widget-header-actions";function S({layout:o,onLayoutChange:r,cols:u=12,rowHeight:E=80,isEditable:g=!1,isDraggable:m,isResizable:b,className:q,style:D,children:i}){const R=o.map(({id:e,x:a,y:t,w:s,h:d})=>({i:e,x:a,y:t,w:s,h:d})),n=m??g;function T(e){r==null||r(e.map(({i:a,x:t,y:s,w:d,h:x})=>({id:a,x:t,y:s,w:d,h:x})))}return l.jsx(G,{className:y.clsx("widget-grid",n&&"widget-grid-draggable",q),style:D,layout:R,cols:u,rowHeight:E,isDraggable:n,isResizable:b??g,draggableHandle:_,draggableCancel:w,onLayoutChange:T,children:(Array.isArray(i)?i:[i]).map(e=>A.isValidElement(e)?l.jsx("div",{className:"widget-grid-item",children:e},e.key):e)})}exports.WidgetGrid=S;
 //# sourceMappingURL=WidgetGrid.cjs.map

package/dist/lib/ui/components/charts/BarChart/BarChart.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),T=require("../../../../vendor/clsx/dist/clsx.cjs"),C=require("react"),_=require("../useChartInstance.cjs"),m=require("../ChartLegend/ChartLegend.cjs"),p=require("../ChartLegend/use-chart-legend.cjs"),y=require("./bar-chart-option.cjs");;/* empty css                */const M={};function E({categories:n,series:r,orientation:o="vertical",stacking:i="off",valueLabel:c="auto",legend:g="inline",valueAxis:a=M,valueFormatter:l,onSeriesColorChange:f,legendLabels:S,className:b,...q}){const{containerRef:I,chart:s,theme:e,resolveSeriesColor:O}=_.useChartInstance(),{items:j,colorsBySeriesId:u,colorTokensBySeriesId:v,hiddenSeriesIds:d,toggleSeries:x}=p.useChartLegend(r,(e==null?void 0:e.seriesColors)??[],O),h=C.useMemo(()=>r.filter(L=>!d.has(L.id)),[r,d]);C.useEffect(()=>{!s||!e||s.setOption(y.buildBarChartOption({categories:n,series:h,orientation:o,stacking:i,valueLabel:c,valueAxis:a,theme:e,seriesColorOverrides:u,valueFormatter:l}),{notMerge:!0})},[s,e,n,h,o,i,c,a,u,l]);const B=g!=="none"&&r.length>0;return t.jsxs("div",{className:T.clsx("bar-chart",b),...q,children:[B&&t.jsx(m.ChartLegend,{items:j,onToggle:x,onColorChange:f,colorTokensBySeriesId:v,labels:S}),t.jsx("div",{ref:I,className:"bar-chart__canvas"})]})}exports.BarChart=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),L=require("../../../../vendor/clsx/dist/clsx.cjs"),C=require("react"),_=require("../useChartInstance.cjs"),m=require("../ChartLegend/ChartLegend.cjs"),p=require("../ChartLegend/use-chart-legend.cjs"),y=require("./bar-chart-option.cjs");;/* empty css                */const M={};function E({categories:n,series:r,orientation:o="vertical",stacking:i="off",valueLabel:c="auto",legend:g="inline",valueAxis:a=M,valueFormatter:l,onSeriesColorChange:f,legendLabels:S,className:b,...q}){const{containerRef:I,chart:s,theme:e,resolveSeriesColor:O}=_.useChartInstance(),{items:T,colorsBySeriesId:u,colorTokensBySeriesId:j,hiddenSeriesIds:d,toggleSeries:v}=p.useChartLegend(r,(e==null?void 0:e.seriesColors)??[],O),h=C.useMemo(()=>r.filter(B=>!d.has(B.id)),[r,d]);C.useEffect(()=>{!s||!e||s.setOption(y.buildBarChartOption({categories:n,series:h,orientation:o,stacking:i,valueLabel:c,valueAxis:a,theme:e,seriesColorOverrides:u,valueFormatter:l}),{notMerge:!0})},[s,e,n,h,o,i,c,a,u,l]);const x=g!=="none"&&r.length>0;return t.jsxs("div",{className:L.clsx("bar-chart",b),...q,children:[x&&t.jsx(m.ChartLegend,{items:T,onToggle:v,onColorChange:f,colorTokensBySeriesId:j,labels:S}),t.jsx("div",{ref:I,className:"bar-chart__canvas"})]})}exports.BarChart=E;
 //# sourceMappingURL=BarChart.cjs.map

package/dist/lib/ui/components/charts/ChartColorPicker/ChartColorPicker.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("react"),l=require("react-aria-components"),C=require("../chart-palette.cjs");;/* empty css                         */const _=require("../../../hooks/useOverlayPortal.cjs"),m={palette:"Color palette",colorOption:e=>`Color ${e}`,automaticColor:"Automatic color"};function d(e){try{return l.parseColor(e).toString("hex")}catch{return e}}function E(e,c){const o=c.toString("hex"),n=e.findIndex(r=>d(r)===o);return n<0?void 0:C.CHART_SERIES_COLOR_TOKENS[n]}function R(e){const c=window.getComputedStyle(e);return C.CHART_SERIES_COLOR_TOKENS.map(o=>c.getPropertyValue(o).trim())}const f=[];function P({colorToken:e,isResettable:c,labels:o,onChoose:n}){const[r,h]=S.useState(f),i=S.useRef(null);S.useLayoutEffect(()=>{const a=i.current;a&&r.length===0&&h(R(a))},[r]);const u=e?C.CHART_SERIES_COLOR_TOKENS.indexOf(e):-1,p=u<0?void 0:r[u];return t.jsxs("div",{ref:i,className:"chart-color-picker",children:[t.jsx(l.ColorSwatchPicker,{className:"chart-color-picker__colors","aria-label":o.palette,value:p,onChange:a=>{const s=E(r,a);s&&n(s)},children:r.map((a,s)=>t.jsx(l.ColorSwatchPickerItem,{color:a,className:"chart-color-picker__color",children:t.jsx(l.ColorSwatch,{"aria-label":o.colorOption(s+1)})},C.CHART_SERIES_COLOR_TOKENS[s]))}),c&&t.jsx(l.Button,{className:"chart-color-picker__reset",onPress:()=>n(null),children:o.automaticColor})]})}function x({colorToken:e,onChange:c,isResettable:o=!0,labels:n,triggerLabel:r,triggerClassName:h,triggerStyle:i,children:u}){const p=_.useOverlayPortalContainer(),a={...m,...n};return t.jsxs(l.DialogTrigger,{children:[t.jsx(l.Button,{className:h,style:i,"aria-label":r,children:u}),t.jsx(l.Popover,{className:"chart-color-picker-popover",placement:"bottom start",UNSTABLE_portalContainer:p,children:t.jsx(l.Dialog,{className:"chart-color-picker-dialog","aria-label":a.palette,children:({close:s})=>t.jsx(P,{colorToken:e,isResettable:o,labels:a,onChoose:O=>{s(),c(O)}})})})]})}exports.ChartColorPicker=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("react"),l=require("react-aria-components"),C=require("../chart-palette.cjs");;/* empty css                         */const _=require("../../../hooks/useOverlayPortal.cjs"),m={palette:"Color palette",colorOption:e=>`Color ${e}`,automaticColor:"Automatic color"};function d(e){try{return l.parseColor(e).toString("hex")}catch{return e}}function E(e,c){const o=c.toString("hex"),n=e.findIndex(r=>d(r)===o);return n<0?void 0:C.CHART_SERIES_COLOR_TOKENS[n]}function f(e){const c=window.getComputedStyle(e);return C.CHART_SERIES_COLOR_TOKENS.map(o=>c.getPropertyValue(o).trim())}const P=[];function R({colorToken:e,isResettable:c,labels:o,onChoose:n}){const[r,h]=S.useState(P),i=S.useRef(null);S.useLayoutEffect(()=>{const a=i.current;a&&r.length===0&&h(f(a))},[r]);const u=e?C.CHART_SERIES_COLOR_TOKENS.indexOf(e):-1,p=u<0?void 0:r[u];return t.jsxs("div",{ref:i,className:"chart-color-picker",children:[t.jsx(l.ColorSwatchPicker,{className:"chart-color-picker__colors","aria-label":o.palette,value:p,onChange:a=>{const s=E(r,a);s&&n(s)},children:r.map((a,s)=>t.jsx(l.ColorSwatchPickerItem,{color:a,className:"chart-color-picker__color",children:t.jsx(l.ColorSwatch,{"aria-label":o.colorOption(s+1)})},C.CHART_SERIES_COLOR_TOKENS[s]))}),c&&t.jsx(l.Button,{className:"chart-color-picker__reset",onPress:()=>n(null),children:o.automaticColor})]})}function x({colorToken:e,onChange:c,isResettable:o=!0,labels:n,triggerLabel:r,triggerClassName:h,triggerStyle:i,children:u}){const p=_.useOverlayPortalContainer(),a={...m,...n};return t.jsxs(l.DialogTrigger,{children:[t.jsx(l.Button,{className:h,style:i,"aria-label":r,children:u}),t.jsx(l.Popover,{className:"chart-color-picker-popover",placement:"bottom start",UNSTABLE_portalContainer:p,children:t.jsx(l.Dialog,{className:"chart-color-picker-dialog","aria-label":a.palette,children:({close:s})=>t.jsx(R,{colorToken:e,isResettable:o,labels:a,onChoose:O=>{s(),c(O)}})})})]})}exports.ChartColorPicker=x;
 //# sourceMappingURL=ChartColorPicker.cjs.map

package/dist/lib/ui/components/charts/ChartLegend/use-chart-legend.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),d=require("../chart-palette.cjs");function T(t,r,u){const[s,S]=c.useState(()=>new Set),l=c.useCallback(e=>{S(n=>{const o=new Set(n);return o.has(e)?o.delete(e):o.add(e),o})},[]),h=c.useMemo(()=>{const e={};return t.forEach((n,o)=>{e[n.id]=n.colorToken??d.CHART_SERIES_COLOR_TOKENS[o%d.CHART_SERIES_COLOR_TOKENS.length]}),e},[t]),i=c.useMemo(()=>{const e={};return t.forEach((n,o)=>{const m=n.colorToken?u(n.colorToken):void 0;e[n.id]=m??r[o%r.length]}),e},[t,r,u]);return{items:c.useMemo(()=>t.map(e=>({id:e.id,name:e.name,color:i[e.id],isHidden:s.has(e.id)})),[t,i,s]),colorsBySeriesId:i,colorTokensBySeriesId:h,hiddenSeriesIds:s,toggleSeries:l}}exports.useChartLegend=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),d=require("../chart-palette.cjs");function m(t,r,u){const[s,S]=c.useState(()=>new Set),l=c.useCallback(e=>{S(n=>{const o=new Set(n);return o.has(e)?o.delete(e):o.add(e),o})},[]),h=c.useMemo(()=>{const e={};return t.forEach((n,o)=>{e[n.id]=n.colorToken??d.CHART_SERIES_COLOR_TOKENS[o%d.CHART_SERIES_COLOR_TOKENS.length]}),e},[t]),i=c.useMemo(()=>{const e={};return t.forEach((n,o)=>{const T=n.colorToken?u(n.colorToken):void 0;e[n.id]=T??r[o%r.length]}),e},[t,r,u]);return{items:c.useMemo(()=>t.map(e=>({id:e.id,name:e.name,color:i[e.id],isHidden:s.has(e.id)})),[t,i,s]),colorsBySeriesId:i,colorTokensBySeriesId:h,hiddenSeriesIds:s,toggleSeries:l}}exports.useChartLegend=m;
 //# sourceMappingURL=use-chart-legend.cjs.map

package/dist/lib/ui/components/charts/PieChart/PieChart.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),ee=require("../../../../vendor/clsx/dist/clsx.cjs"),i=require("react"),te=require("../ChartLegend/ChartLegend.cjs"),re=require("../ChartLegend/use-chart-legend.cjs"),ne=require("../chart-palette.cjs"),I=require("../chart-share.cjs"),ie=require("../useChartInstance.cjs"),se=require("./pie-chart-option.cjs"),h=require("./pie-chart-slices.cjs");;/* empty css                */const ce={others:"Others",total:"Total",backToPrevious:e=>`Back from ${e}`},oe=200,ae=["percent"],le=[];function ue(e,s,a){if(!e||s.length===0)return;const l=s.includes("percent"),S=s.includes("value");return l&&S?`${a(e.value)} (${I.formatShare(e.share)})`:S?a(e.value):I.formatShare(e.share)}function de(e){const[s,a]=i.useState(0);return i.useLayoutEffect(()=>{if(!e)return;const l=new ResizeObserver(()=>a(Math.min(e.clientWidth,e.clientHeight)));return l.observe(e),()=>l.disconnect()},[e]),s}function he({data:e,shape:s="donut",labelContent:a=ae,showTotal:l="auto",total:S,valueFormatter:p,legend:q="inline",legendPosition:y="bottom",legendValues:M=le,onSeriesColorChange:A,onFocusChange:b,legendLabels:R,labels:B,className:$,...D}){const{containerRef:U,chart:u,theme:c,resolveSeriesColor:H}=ie.useChartInstance(),o={...ce,...B},[f,V]=i.useState(null),[w,z]=i.useState(null),G=de(w),K=i.useMemo(()=>e.map(t=>({id:t.id,name:h.displayNameOf(t,o.others),colorToken:t.colorToken??(t.isOthers?ne.CHART_NEUTRAL_COLOR_TOKEN:void 0)})),[e,o.others]),{items:W,colorsBySeriesId:L,colorTokensBySeriesId:X,hiddenSeriesIds:O,toggleSeries:Z}=re.useChartLegend(K,(c==null?void 0:c.seriesColors)??[],H),d=i.useMemo(()=>h.buildPieSlices({nodes:e.filter(t=>!O.has(t.id)),colorsByRootId:L,fallbackColor:(c==null?void 0:c.neutralColor)??"#9ca3af",othersName:o.others}),[e,O,L,c,o.others]),r=i.useMemo(()=>f===null?void 0:h.findSlice(d,f),[d,f]),m=r?r.children:d,_=i.useCallback(t=>{V(t),b==null||b(t)},[b]);i.useEffect(()=>{f!==null&&!r&&_(null)},[f,r,_]),i.useEffect(()=>{!u||!c||u.setOption(se.buildPieChartOption({slices:m,shape:s,labelContent:a,theme:c,valueFormatter:p}),{notMerge:!0})},[u,c,m,s,a,p]),i.useEffect(()=>{if(!u)return;function t(C){var P;const x=(P=C.data)==null?void 0:P.id;if(typeof x!="string")return;const T=h.findSlice(m,x);T&&T.children.length>0&&_(T.id)}return u.on("click",t),()=>{u.off("click",t)}},[u,m,_]);function v(t){return p?p(t):String(t)}const J=W.map(t=>({...t,detail:ue(d.find(C=>C.id===t.id),M,v)})),g=l==="on"||l==="auto"&&G>=oe,N=r?r.value:S??h.totalOf(d),k=r?h.findParentSlice(d,r.id):void 0,Q=q!=="none"&&e.length>0,E=n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"pie-chart__total-value",children:v(N)}),n.jsx("span",{className:"pie-chart__total-caption",children:r?r.name:o.total})]});function j(){_(k?k.id:null)}function Y(){return r?n.jsx("button",{type:"button",className:"pie-chart__center pie-chart__center--button","aria-label":o.backToPrevious(r.name),onClick:j,children:g&&E}):g&&n.jsx("div",{className:"pie-chart__center",children:E})}function F(){return r?n.jsxs("button",{type:"button",className:"pie-chart__footer pie-chart__footer--button","aria-label":o.backToPrevious(r.name),onClick:j,children:[r.name,g&&`: ${v(N)}`]}):g&&n.jsx("div",{className:"pie-chart__footer",children:`${o.total}: ${v(N)}`})}return n.jsxs("div",{className:ee.clsx("pie-chart",`pie-chart--legend-${y}`,$),...D,children:[Q&&n.jsx(te.ChartLegend,{className:"pie-chart__legend",items:J,onToggle:Z,onColorChange:A,colorTokensBySeriesId:X,labels:R}),n.jsxs("div",{className:"pie-chart__body",children:[n.jsxs("div",{ref:z,className:"pie-chart__stage",children:[n.jsx("div",{ref:U,className:"pie-chart__canvas"}),s==="donut"&&Y()]}),s==="pie"&&F()]})]})}exports.PieChart=he;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),ee=require("../../../../vendor/clsx/dist/clsx.cjs"),i=require("react"),te=require("../ChartLegend/ChartLegend.cjs"),re=require("../ChartLegend/use-chart-legend.cjs"),ne=require("../chart-palette.cjs"),I=require("../chart-share.cjs"),ie=require("../useChartInstance.cjs"),se=require("./pie-chart-option.cjs"),h=require("./pie-chart-slices.cjs");;/* empty css                */const ce={others:"Others",total:"Total",backToPrevious:e=>`Back from ${e}`},oe=200,ae=["percent"],le=[];function ue(e,s,a){if(!e||s.length===0)return;const l=s.includes("percent"),S=s.includes("value");return l&&S?`${a(e.value)} (${I.formatShare(e.share)})`:S?a(e.value):I.formatShare(e.share)}function de(e){const[s,a]=i.useState(0);return i.useLayoutEffect(()=>{if(!e)return;const l=new ResizeObserver(()=>a(Math.min(e.clientWidth,e.clientHeight)));return l.observe(e),()=>l.disconnect()},[e]),s}function he({data:e,shape:s="donut",labelContent:a=ae,showTotal:l="auto",total:S,valueFormatter:p,legend:q="inline",legendPosition:y="bottom",legendValues:M=le,onSeriesColorChange:A,onFocusChange:b,legendLabels:$,labels:R,className:B,...U}){const{containerRef:D,chart:u,theme:c,resolveSeriesColor:H}=ie.useChartInstance(),o={...ce,...R},[f,V]=i.useState(null),[w,z]=i.useState(null),G=de(w),K=i.useMemo(()=>e.map(t=>({id:t.id,name:h.displayNameOf(t,o.others),colorToken:t.colorToken??(t.isOthers?ne.CHART_NEUTRAL_COLOR_TOKEN:void 0)})),[e,o.others]),{items:W,colorsBySeriesId:k,colorTokensBySeriesId:X,hiddenSeriesIds:L,toggleSeries:Z}=re.useChartLegend(K,(c==null?void 0:c.seriesColors)??[],H),d=i.useMemo(()=>h.buildPieSlices({nodes:e.filter(t=>!L.has(t.id)),colorsByRootId:k,fallbackColor:(c==null?void 0:c.neutralColor)??"#9ca3af",othersName:o.others}),[e,L,k,c,o.others]),r=i.useMemo(()=>f===null?void 0:h.findSlice(d,f),[d,f]),m=r?r.children:d,_=i.useCallback(t=>{V(t),b==null||b(t)},[b]);i.useEffect(()=>{f!==null&&!r&&_(null)},[f,r,_]),i.useEffect(()=>{!u||!c||u.setOption(se.buildPieChartOption({slices:m,shape:s,labelContent:a,theme:c,valueFormatter:p}),{notMerge:!0})},[u,c,m,s,a,p]),i.useEffect(()=>{if(!u)return;function t(T){var P;const x=(P=T.data)==null?void 0:P.id;if(typeof x!="string")return;const C=h.findSlice(m,x);C&&C.children.length>0&&_(C.id)}return u.on("click",t),()=>{u.off("click",t)}},[u,m,_]);function v(t){return p?p(t):String(t)}const J=W.map(t=>({...t,detail:ue(d.find(T=>T.id===t.id),M,v)})),g=l==="on"||l==="auto"&&G>=oe,N=r?r.value:S??h.totalOf(d),O=r?h.findParentSlice(d,r.id):void 0,Q=q!=="none"&&e.length>0,E=n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"pie-chart__total-value",children:v(N)}),n.jsx("span",{className:"pie-chart__total-caption",children:r?r.name:o.total})]});function j(){_(O?O.id:null)}function Y(){return r?n.jsx("button",{type:"button",className:"pie-chart__center pie-chart__center--button","aria-label":o.backToPrevious(r.name),onClick:j,children:g&&E}):g&&n.jsx("div",{className:"pie-chart__center",children:E})}function F(){return r?n.jsxs("button",{type:"button",className:"pie-chart__footer pie-chart__footer--button","aria-label":o.backToPrevious(r.name),onClick:j,children:[r.name,g&&`: ${v(N)}`]}):g&&n.jsx("div",{className:"pie-chart__footer",children:`${o.total}: ${v(N)}`})}return n.jsxs("div",{className:ee.clsx("pie-chart",`pie-chart--legend-${y}`,B),...U,children:[Q&&n.jsx(te.ChartLegend,{className:"pie-chart__legend",items:J,onToggle:Z,onColorChange:A,colorTokensBySeriesId:X,labels:$}),n.jsxs("div",{className:"pie-chart__body",children:[n.jsxs("div",{ref:z,className:"pie-chart__stage",children:[n.jsx("div",{ref:D,className:"pie-chart__canvas"}),s==="donut"&&Y()]}),s==="pie"&&F()]})]})}exports.PieChart=he;
 //# sourceMappingURL=PieChart.cjs.map

package/dist/lib/ui/components/charts/TimeSeriesChart/TimeSeriesChart.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),j=require("../../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),E=require("../useChartInstance.cjs"),L=require("../ChartLegend/ChartLegend.cjs"),b=require("../ChartLegend/use-chart-legend.cjs"),Y=require("./time-series-option.cjs");;/* empty css                        */const x={},R={},X={};function p({series:r,displayType:i="line",legend:C="inline",line:n=X,xAxis:o=x,yAxis:c=R,showSymbols:a=!1,showValueLabels:l=!1,valueFormatter:u,onSeriesColorChange:I,legendLabels:O,className:T,...f}){const{containerRef:_,chart:s,theme:e,resolveSeriesColor:m}=E.useChartInstance(),{items:q,colorsBySeriesId:d,colorTokensBySeriesId:P,hiddenSeriesIds:S,toggleSeries:v}=b.useChartLegend(r,(e==null?void 0:e.seriesColors)??[],m),g=h.useMemo(()=>r.filter(N=>!S.has(N.id)),[r,S]);h.useEffect(()=>{!s||!e||s.setOption(Y.buildTimeSeriesOption({series:g,displayType:i,line:n,xAxis:o,yAxis:c,theme:e,showSymbols:a,showValueLabels:l,seriesColorOverrides:d,valueFormatter:u}),{notMerge:!0})},[s,e,g,i,n,o,c,a,l,d,u]);const M=C!=="none"&&r.length>0;return t.jsxs("div",{className:j.clsx("time-series-chart",T),...f,children:[M&&t.jsx(L.ChartLegend,{items:q,onToggle:v,onColorChange:I,colorTokensBySeriesId:P,labels:O}),t.jsx("div",{ref:_,className:"time-series-chart__canvas"})]})}exports.TimeSeriesChart=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),j=require("../../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),E=require("../useChartInstance.cjs"),L=require("../ChartLegend/ChartLegend.cjs"),b=require("../ChartLegend/use-chart-legend.cjs"),Y=require("./time-series-option.cjs");;/* empty css                        */const x={},X={},k={};function p({series:r,displayType:i="line",legend:C="inline",line:n=k,xAxis:o=x,yAxis:c=X,showSymbols:a=!1,showValueLabels:l=!1,valueFormatter:u,onSeriesColorChange:T,legendLabels:I,className:O,...f}){const{containerRef:_,chart:s,theme:e,resolveSeriesColor:m}=E.useChartInstance(),{items:q,colorsBySeriesId:d,colorTokensBySeriesId:P,hiddenSeriesIds:S,toggleSeries:v}=b.useChartLegend(r,(e==null?void 0:e.seriesColors)??[],m),g=h.useMemo(()=>r.filter(N=>!S.has(N.id)),[r,S]);h.useEffect(()=>{!s||!e||s.setOption(Y.buildTimeSeriesOption({series:g,displayType:i,line:n,xAxis:o,yAxis:c,theme:e,showSymbols:a,showValueLabels:l,seriesColorOverrides:d,valueFormatter:u}),{notMerge:!0})},[s,e,g,i,n,o,c,a,l,d,u]);const M=C!=="none"&&r.length>0;return t.jsxs("div",{className:j.clsx("time-series-chart",O),...f,children:[M&&t.jsx(L.ChartLegend,{items:q,onToggle:v,onColorChange:T,colorTokensBySeriesId:P,labels:I}),t.jsx("div",{ref:_,className:"time-series-chart__canvas"})]})}exports.TimeSeriesChart=p;
 //# sourceMappingURL=TimeSeriesChart.cjs.map

package/dist/lib/ui/components/charts/TopList/TopList.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),w=require("../../../../vendor/clsx/dist/clsx.cjs"),c=require("react"),_=require("../chart-palette.cjs"),q=require("../useChartInstance.cjs"),x=require("./top-list-option.cjs");;/* empty css               */const M=["value"],P=_.CHART_SERIES_COLOR_TOKENS[0];function A(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function j(t,a){const u=new Set(t.map(e=>e.id)),o=a.filter(e=>u.has(e)),d=t.map(e=>e.id).filter(e=>!o.includes(e));return[...o,...d]}function y({items:t,sort:a="desc",total:u,valueDisplay:o=M,valueFormatter:d,colorToken:e=P,className:C,...L}){const{containerRef:f,chart:p,theme:l,resolveSeriesColor:h}=q.useChartInstance(),R=c.useRef(!1),v=c.useRef([]),[O,T]=c.useState(0),[S,m]=c.useState(0);c.useEffect(()=>{const s=f.current;if(!s)return;const r=new ResizeObserver(()=>{T(s.clientHeight),m(s.clientWidth)});return r.observe(s),()=>r.disconnect()},[f]);const E=O>0,I=x.labeledRowStepFor(O,t.length),b=c.useMemo(()=>{const s=h(e),r=[];return t.forEach(i=>{const n=(i.colorToken?h(i.colorToken):void 0)??s;n&&r.push([i.id,n])}),Object.fromEntries(r)},[t,e,l,h]);return c.useEffect(()=>{if(!p||!l||!E)return;const s=R.current&&!A();v.current=j(t,v.current);const r=new Map(t.map(n=>[n.id,n])),i=v.current.map(n=>r.get(n));p.setOption(x.buildTopListOption({items:i,sort:a,total:u,valueDisplay:o,theme:l,colorsByItemId:b,animate:s,labeledRowStep:I,canvasWidthPx:S,valueFormatter:d}),{replaceMerge:["series","yAxis"]}),R.current=!0},[p,l,t,a,u,o,b,E,I,S,d]),g.jsx("div",{className:w.clsx("top-list",C),...L,children:g.jsx("div",{ref:f,className:"top-list__canvas"})})}exports.TopList=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),w=require("../../../../vendor/clsx/dist/clsx.cjs"),c=require("react"),_=require("../chart-palette.cjs"),q=require("../useChartInstance.cjs"),g=require("./top-list-option.cjs");;/* empty css               */const M=["value"],P=_.CHART_SERIES_COLOR_TOKENS[0];function A(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function j(t,a){const u=new Set(t.map(e=>e.id)),o=a.filter(e=>u.has(e)),d=t.map(e=>e.id).filter(e=>!o.includes(e));return[...o,...d]}function y({items:t,sort:a="desc",total:u,valueDisplay:o=M,valueFormatter:d,colorToken:e=P,className:x,...C}){const{containerRef:f,chart:p,theme:l,resolveSeriesColor:h}=q.useChartInstance(),O=c.useRef(!1),v=c.useRef([]),[R,L]=c.useState(0),[S,m]=c.useState(0);c.useEffect(()=>{const r=f.current;if(!r)return;const s=new ResizeObserver(()=>{L(r.clientHeight),m(r.clientWidth)});return s.observe(r),()=>s.disconnect()},[f]);const E=R>0,I=g.labeledRowStepFor(R,t.length),T=c.useMemo(()=>{const r=h(e),s=[];return t.forEach(i=>{const n=(i.colorToken?h(i.colorToken):void 0)??r;n&&s.push([i.id,n])}),Object.fromEntries(s)},[t,e,l,h]);return c.useEffect(()=>{if(!p||!l||!E)return;const r=O.current&&!A();v.current=j(t,v.current);const s=new Map(t.map(n=>[n.id,n])),i=v.current.map(n=>s.get(n));p.setOption(g.buildTopListOption({items:i,sort:a,total:u,valueDisplay:o,theme:l,colorsByItemId:T,animate:r,labeledRowStep:I,canvasWidthPx:S,valueFormatter:d}),{replaceMerge:["series","yAxis"]}),O.current=!0},[p,l,t,a,u,o,T,E,I,S,d]),b.jsx("div",{className:w.clsx("top-list",x),...C,children:b.jsx("div",{ref:f,className:"top-list__canvas"})})}exports.TopList=y;
 //# sourceMappingURL=TopList.cjs.map

package/dist/lib/ui/primitives/Avatar/Avatar.js CHANGED Viewed

@@ -46,7 +46,7 @@ function b({
   );
   return /* @__PURE__ */ s("span", { className: l, ...o, children: h({ initials: e, src: r, alt: n }) });
 }
-const C = u.forwardRef(function({
+const k = u.forwardRef(function({
   className: r,
   src: a = null,
   square: e = !1,
@@ -64,7 +64,7 @@ const C = u.forwardRef(function({
     a ? "avatar-image" : "avatar-initials"
   );
   return /* @__PURE__ */ s(f, { ...l, className: v, ref: c, children: h({ initials: n, src: a, alt: i }) });
-}), j = ({
+}), C = ({
   className: t,
   children: r,
   title: a,
@@ -77,7 +77,7 @@ const C = u.forwardRef(function({
     /* @__PURE__ */ s(g, { slot: "label", children: a }),
     e && /* @__PURE__ */ s(x, { slot: "description", children: e })
   ] });
-}, k = ({
+}, T = ({
   className: t,
   children: r,
   max: a = 3,
@@ -99,8 +99,8 @@ const C = u.forwardRef(function({
 };
 export {
   b as Avatar,
-  j as AvatarBlock,
-  C as AvatarButton,
-  k as AvatarGroup
+  C as AvatarBlock,
+  k as AvatarButton,
+  T as AvatarGroup
 };
 //# sourceMappingURL=Avatar.js.map

package/dist/lib/ui/primitives/BrandLoader/BrandLoader.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("../../../vendor/clsx/dist/clsx.cjs"),r=require("react"),N=require("../../hooks/useAnimationFrame.cjs"),n=require("./brandLoaderVariants.cjs"),q=require("./brandLoaderSymbolContext.cjs");;/* empty css                   */const A=require("../../hooks/useMediaQuery.cjs");function B(){return typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&typeof SVGPathElement<"u"&&typeof SVGPathElement.prototype.getPointAtLength=="function"}function S(s,o){return typeof s.getTotalLength=="function"?s.getTotalLength():o}function $({label:s,"aria-hidden":o,variant:t="trace",size:a="32",tone:i="accent",speed:b=1,isPaused:f=!1,symbol:p,className:h,...m}){const g=q.useBrandLoaderSymbol(),c=p??g,x=A.useCustomMediaQuery("(prefers-reduced-motion: reduce)"),d=!f&&!x;return e.jsx("span",{role:o?void 0:"status","aria-label":s,"aria-hidden":o||void 0,className:w.clsx("brand-loader",`brand-loader-size-${a}`,`brand-loader-tone-${i}`,`brand-loader-${c}`,`brand-loader-variant-${t}`,!d&&"brand-loader-paused",h),...m,children:c==="neutral"?e.jsx(C,{}):e.jsx(E,{variant:t,speed:b,isAnimating:d&&B()},t)})}function C(){return e.jsxs("svg",{className:"brand-loader-neutral-glyph",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:[e.jsx("circle",{className:"brand-loader-neutral-track",cx:"12",cy:"12",r:"9"}),e.jsx("circle",{className:"brand-loader-neutral-arc",cx:"12",cy:"12",r:"9",pathLength:100})]})}function E({variant:s,speed:o,isAnimating:t}){const a=n.brandLoaderVariants[s],i=`brand-loader-sweep-${r.useId().replace(/:/g,"")}`,b=r.useRef(null),f=r.useRef(null),p=r.useRef(null),h=r.useRef(null),m=r.useRef(null),g=r.useRef(null),c=r.useRef(null),x=r.useRef(null),d=r.useRef(0),y=r.useRef(null),P=()=>d.current%a.period/a.period;return r.useLayoutEffect(()=>{const u=b.current,l=f.current,L=p.current,R=h.current;if(!u||!l||!L||!R)return;const j={strokes:u,slash:l,big:L,tri:R,ball:m.current,sweepClip:g.current,sweepEdge:c.current,lengths:{slash:S(l,n.brandLoaderPathLengths.slash),big:S(L,n.brandLoaderPathLengths.big),tri:S(R,n.brandLoaderPathLengths.tri)}};x.current=j,y.current=null,t?a.render(d.current%a.period/a.period,j):a.renderRest(j)},[a,t]),N.useAnimationFrame(u=>{const l=x.current;l&&(y.current!==null&&(d.current+=(u-y.current)*o),y.current=u,a.render(P(),l))},t),e.jsxs("svg",{className:"brand-loader-symbol",viewBox:n.brandLoaderViewBox,"aria-hidden":"true",focusable:"false",children:[s==="sweep"&&e.jsx("defs",{children:e.jsx("clipPath",{id:i,children:e.jsx("polygon",{ref:g})})}),e.jsxs("g",{ref:b,className:"brand-loader-strokes",clipPath:s==="sweep"?`url(#${i})`:void 0,children:[s==="comet"&&e.jsxs("g",{className:"brand-loader-ghost",children:[e.jsx("path",{d:n.brandLoaderSymbolPaths.slash}),e.jsx("path",{d:n.brandLoaderSymbolPaths.big}),e.jsx("path",{d:n.brandLoaderSymbolPaths.tri})]}),e.jsx("path",{ref:f,className:"brand-loader-piece brand-loader-slash",d:n.brandLoaderSymbolPaths.slash}),e.jsx("path",{ref:p,className:"brand-loader-piece brand-loader-big",d:n.brandLoaderSymbolPaths.big}),e.jsx("path",{ref:h,className:"brand-loader-piece brand-loader-tri",d:n.brandLoaderSymbolPaths.tri})]}),s==="bounce"&&e.jsx("ellipse",{ref:m,className:"brand-loader-ball"}),s==="sweep"&&e.jsx("line",{ref:c,className:"brand-loader-sweep-edge"})]})}exports.BrandLoader=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("../../../vendor/clsx/dist/clsx.cjs"),r=require("react"),N=require("../../hooks/useAnimationFrame.cjs"),n=require("./brandLoaderVariants.cjs"),q=require("./brandLoaderSymbolContext.cjs");;/* empty css                   */const $=require("../../hooks/useMediaQuery.cjs");function A(){return typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&typeof SVGPathElement<"u"&&typeof SVGPathElement.prototype.getPointAtLength=="function"}function S(s,o){return typeof s.getTotalLength=="function"?s.getTotalLength():o}function B({label:s,"aria-hidden":o,variant:t="trace",size:a="32",tone:i="accent",speed:b=1,isPaused:f=!1,symbol:p,className:h,...m}){const g=q.useBrandLoaderSymbol(),c=p??g,x=$.useCustomMediaQuery("(prefers-reduced-motion: reduce)"),d=!f&&!x;return e.jsx("span",{role:o?void 0:"status","aria-label":s,"aria-hidden":o||void 0,className:w.clsx("brand-loader",`brand-loader-size-${a}`,`brand-loader-tone-${i}`,`brand-loader-${c}`,`brand-loader-variant-${t}`,!d&&"brand-loader-paused",h),...m,children:c==="neutral"?e.jsx(k,{}):e.jsx(C,{variant:t,speed:b,isAnimating:d&&A()},t)})}function k(){return e.jsxs("svg",{className:"brand-loader-neutral-glyph",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",children:[e.jsx("circle",{className:"brand-loader-neutral-track",cx:"12",cy:"12",r:"9"}),e.jsx("circle",{className:"brand-loader-neutral-arc",cx:"12",cy:"12",r:"9",pathLength:100})]})}function C({variant:s,speed:o,isAnimating:t}){const a=n.brandLoaderVariants[s],i=`brand-loader-sweep-${r.useId().replace(/:/g,"")}`,b=r.useRef(null),f=r.useRef(null),p=r.useRef(null),h=r.useRef(null),m=r.useRef(null),g=r.useRef(null),c=r.useRef(null),x=r.useRef(null),d=r.useRef(0),y=r.useRef(null),P=()=>d.current%a.period/a.period;return r.useLayoutEffect(()=>{const u=b.current,l=f.current,L=p.current,R=h.current;if(!u||!l||!L||!R)return;const j={strokes:u,slash:l,big:L,tri:R,ball:m.current,sweepClip:g.current,sweepEdge:c.current,lengths:{slash:S(l,n.brandLoaderPathLengths.slash),big:S(L,n.brandLoaderPathLengths.big),tri:S(R,n.brandLoaderPathLengths.tri)}};x.current=j,y.current=null,t?a.render(d.current%a.period/a.period,j):a.renderRest(j)},[a,t]),N.useAnimationFrame(u=>{const l=x.current;l&&(y.current!==null&&(d.current+=(u-y.current)*o),y.current=u,a.render(P(),l))},t),e.jsxs("svg",{className:"brand-loader-symbol",viewBox:n.brandLoaderViewBox,"aria-hidden":"true",focusable:"false",children:[s==="sweep"&&e.jsx("defs",{children:e.jsx("clipPath",{id:i,children:e.jsx("polygon",{ref:g})})}),e.jsxs("g",{ref:b,className:"brand-loader-strokes",clipPath:s==="sweep"?`url(#${i})`:void 0,children:[s==="comet"&&e.jsxs("g",{className:"brand-loader-ghost",children:[e.jsx("path",{d:n.brandLoaderSymbolPaths.slash}),e.jsx("path",{d:n.brandLoaderSymbolPaths.big}),e.jsx("path",{d:n.brandLoaderSymbolPaths.tri})]}),e.jsx("path",{ref:f,className:"brand-loader-piece brand-loader-slash",d:n.brandLoaderSymbolPaths.slash}),e.jsx("path",{ref:p,className:"brand-loader-piece brand-loader-big",d:n.brandLoaderSymbolPaths.big}),e.jsx("path",{ref:h,className:"brand-loader-piece brand-loader-tri",d:n.brandLoaderSymbolPaths.tri})]}),s==="bounce"&&e.jsx("ellipse",{ref:m,className:"brand-loader-ball"}),s==="sweep"&&e.jsx("line",{ref:c,className:"brand-loader-sweep-edge"})]})}exports.BrandLoader=B;
 //# sourceMappingURL=BrandLoader.cjs.map

package/dist/lib/ui/primitives/Button/Button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.cjs","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport {\n Button as RACButton,\n Link as RACLink,\n type ButtonProps as RACButtonProps,\n} from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport { BrandLoader } from \"../BrandLoader/BrandLoader\";\nimport \"./button.css\";\n\nconst pendingIndicator = (\n <BrandLoader aria-hidden variant=\"pulse\" size=\"16\" tone=\"current\" />\n);\n\nfunction withPendingIndicator(\n children: RACButtonProps[\"children\"],\n isPending: boolean \| undefined,\n): RACButtonProps[\"children\"] {\n if (!isPending) return children;\n return (renderProps) => (\n <>\n {pendingIndicator}\n {typeof children === \"function\" ? children(renderProps) : children}\n </>\n );\n}\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n variant?: Exclude<\n ButtonBaseProps[\"variant\"],\n \"danger-primary\" \| \"danger-subtle\"\n >;\n};\nexport const Button = React.forwardRef(function Button(\n {\n className,\n size = \"medium\",\n variant = \"primary\",\n isPending,\n isDisabled,\n ...props\n }: ButtonProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"button\",\n `button-size-${size}`,\n `button-variant-${variant}`,\n );\n\n const { style, ...sharedProps } = props;\n\n return isAnchorProps(props) ? (\n <RACLink\n {...sharedProps}\n isDisabled={isDisabled}\n className={classNames}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {props.children}\n </RACLink>\n ) : (\n <RACButton\n {...sharedProps}\n className={classNames}\n isPending={isPending}\n isDisabled={isDisabled}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {withPendingIndicator(props.children, isPending)}\n </RACButton>\n );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n variant?: Exclude<\n ButtonBaseProps[\"variant\"],\n \"primary\" \| \"subtle\" \| \"neutral\" \| \"text\"\n >;\n};\n/*\n Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n {\n className,\n size = \"medium\",\n variant = \"danger-primary\",\n isPending,\n isDisabled,\n ...props\n }: ButtonDangerProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"button\",\n `button-size-${size}`,\n `button-variant-${variant}`,\n );\n\n const { style, ...sharedProps } = props;\n\n return isAnchorProps(props) ? (\n <RACLink\n {...sharedProps}\n isDisabled={isDisabled}\n className={classNames}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {props.children}\n </RACLink>\n ) : (\n <RACButton\n {...sharedProps}\n className={classNames}\n isPending={isPending}\n isDisabled={isDisabled}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {withPendingIndicator(props.children, isPending)}\n </RACButton>\n );\n});\n\ntype ButtonBaseProps = {\n type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n isPending?: boolean;\n size?: \"small\" \| \"medium\";\n variant?:\n \| \"primary\"\n \| \"neutral\"\n \| \"subtle\"\n \| \"text\"\n \| \"danger-primary\"\n \| \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n props: ButtonBaseProps \| ButtonDangerProps,\n): props is (ButtonBaseProps \| ButtonDangerProps) &\n ComponentPropsWithoutRef<typeof RACLink> {\n return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n align?: \"start\" \| \"end\" \| \"center\" \| \"justify\" \| \"stack\";\n};\nexport const ButtonGroup = ({\n align = \"start\",\n className,\n ...props\n}: ButtonGroupProps) => {\n const classNames = clsx(\n className,\n \"button-group\",\n `button-group-align-${align}`,\n );\n return <div className={classNames} {...props} />;\n};\n"],"names":["pendingIndicator","jsx","BrandLoader","withPendingIndicator","children","isPending","renderProps","jsxs","Fragment","Button","React","className","size","variant","isDisabled","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":"~~mSAWA~~,MAAMA,EACJC,EAAAA,IAACC,cAAA,CAAY,cAAW,GAAC,QAAQ,QAAQ,KAAK,KAAK,KAAK,SAAA,CAAU,EAGpE,SAASC,EACPC,EACAC,EAC4B,CAC5B,OAAKA,EACGC,GACNC,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAR,EACA,OAAOI,GAAa,WAAaA,EAASE,CAAW,EAAIF,CAAA,EAC5D,EALqBA,CAOzB,CAQO,MAAMK,EAASC,EAAM,WAAW,SACrC,CACE,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,UAAAR,EACA,WAAAS,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBP,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAM,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBd,EAAAA,IAACqB,EAAAA,KAAA,CACE,~~GAAGF~~,~~EACJ~~,WAAAN,EACA,UAAWG,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTd,EAAAA,IAACsB,EAAAA,OAAA,CACE,~~GAAGH~~,~~EACJ~~,UAAWH,EACX,UAAAZ,EACA,WAAAS,EACA,IAAAE,EAEC,SAAAb,EAAqBY,EAAM,SAAUV,CAAS,CAAA,CAAA,CAGrD,CAAC,EAWYmB,EAAed,EAAM,WAAW,SAC3C,CACE,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,iBACV,UAAAR,EACA,WAAAS,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBP,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAM,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBd,EAAAA,IAACqB,EAAAA,KAAA,CACE,~~GAAGF~~,~~EACJ~~,WAAAN,EACA,UAAWG,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTd,EAAAA,IAACsB,EAAAA,OAAA,CACE,~~GAAGH~~,~~EACJ~~,UAAWH,EACX,UAAAZ,EACA,WAAAS,EACA,IAAAE,EAEC,SAAAb,EAAqBY,EAAM,SAAUV,CAAS,CAAA,CAAA,CAGrD,CAAC,EAeD,SAASgB,EACPN,EAEyC,CACzC,MAAO,SAAUA,CACnB,CAKO,MAAMU,EAAc,CAAC,CAC1B,MAAAC,EAAQ,QACR,UAAAf,EACA,GAAGI,CACL,IAAwB,CACtB,MAAME,EAAaC,EAAAA,KACjBP,EACA,eACA,sBAAsBe,CAAK,EAAA,EAE7B,OAAOzB,EAAAA,IAAC,MAAA,CAAI,UAAWgB,EAAa,GAAGF,EAAO,CAChD"}
1	+ {"version":3,"file":"Button.cjs","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport {\n Button as RACButton,\n Link as RACLink,\n type ButtonProps as RACButtonProps,\n type LinkProps as RACLinkProps,\n} from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport { BrandLoader } from \"../BrandLoader/BrandLoader\";\nimport \"./button.css\";\n\nconst pendingIndicator = (\n <BrandLoader aria-hidden variant=\"pulse\" size=\"16\" tone=\"current\" />\n);\n\nfunction withPendingIndicator(\n children: RACButtonProps[\"children\"],\n isPending: boolean \| undefined,\n): RACButtonProps[\"children\"] {\n if (!isPending) return children;\n return (renderProps) => (\n <>\n {pendingIndicator}\n {typeof children === \"function\" ? children(renderProps) : children}\n </>\n );\n}\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n variant?: Exclude<\n ButtonBaseProps[\"variant\"],\n \"danger-primary\" \| \"danger-subtle\"\n >;\n};\nexport const Button = React.forwardRef(function Button(\n {\n className,\n size = \"medium\",\n variant = \"primary\",\n isPending,\n isDisabled,\n ...props\n }: ButtonProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"button\",\n `button-size-${size}`,\n `button-variant-${variant}`,\n );\n\n const { style, ...sharedProps } = props;\n\n return isAnchorProps(props) ? (\n <RACLink\n {...(sharedProps as RACLinkProps)}\n isDisabled={isDisabled}\n className={classNames}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {props.children}\n </RACLink>\n ) : (\n <RACButton\n {...(sharedProps as RACButtonProps)}\n className={classNames}\n isPending={isPending}\n isDisabled={isDisabled}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {withPendingIndicator(props.children, isPending)}\n </RACButton>\n );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n variant?: Exclude<\n ButtonBaseProps[\"variant\"],\n \"primary\" \| \"subtle\" \| \"neutral\" \| \"text\"\n >;\n};\n/*\n Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n {\n className,\n size = \"medium\",\n variant = \"danger-primary\",\n isPending,\n isDisabled,\n ...props\n }: ButtonDangerProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"button\",\n `button-size-${size}`,\n `button-variant-${variant}`,\n );\n\n const { style, ...sharedProps } = props;\n\n return isAnchorProps(props) ? (\n <RACLink\n {...(sharedProps as RACLinkProps)}\n isDisabled={isDisabled}\n className={classNames}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {props.children}\n </RACLink>\n ) : (\n <RACButton\n {...(sharedProps as RACButtonProps)}\n className={classNames}\n isPending={isPending}\n isDisabled={isDisabled}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {withPendingIndicator(props.children, isPending)}\n </RACButton>\n );\n});\n\ntype ButtonBaseProps = {\n type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n isPending?: boolean;\n size?: \"small\" \| \"medium\";\n variant?:\n \| \"primary\"\n \| \"neutral\"\n \| \"subtle\"\n \| \"text\"\n \| \"danger-primary\"\n \| \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n props: ButtonBaseProps \| ButtonDangerProps,\n): props is (ButtonBaseProps \| ButtonDangerProps) &\n ComponentPropsWithoutRef<typeof RACLink> {\n return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n align?: \"start\" \| \"end\" \| \"center\" \| \"justify\" \| \"stack\";\n};\nexport const ButtonGroup = ({\n align = \"start\",\n className,\n ...props\n}: ButtonGroupProps) => {\n const classNames = clsx(\n className,\n \"button-group\",\n `button-group-align-${align}`,\n );\n return <div className={classNames} {...props} />;\n};\n"],"names":["pendingIndicator","jsx","BrandLoader","withPendingIndicator","children","isPending","renderProps","jsxs","Fragment","Button","React","className","size","variant","isDisabled","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":"mSAYA,MAAMA,EACJC,EAAAA,IAACC,cAAA,CAAY,cAAW,GAAC,QAAQ,QAAQ,KAAK,KAAK,KAAK,SAAA,CAAU,EAGpE,SAASC,EACPC,EACAC,EAC4B,CAC5B,OAAKA,EACGC,GACNC,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAR,EACA,OAAOI,GAAa,WAAaA,EAASE,CAAW,EAAIF,CAAA,EAC5D,EALqBA,CAOzB,CAQO,MAAMK,EAASC,EAAM,WAAW,SACrC,CACE,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,UAAAR,EACA,WAAAS,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBP,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAM,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBd,EAAAA,IAACqB,EAAAA,KAAA,CACE,GAAIF,EACL,WAAAN,EACA,UAAWG,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTd,EAAAA,IAACsB,EAAAA,OAAA,CACE,GAAIH,EACL,UAAWH,EACX,UAAAZ,EACA,WAAAS,EACA,IAAAE,EAEC,SAAAb,EAAqBY,EAAM,SAAUV,CAAS,CAAA,CAAA,CAGrD,CAAC,EAWYmB,EAAed,EAAM,WAAW,SAC3C,CACE,UAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,iBACV,UAAAR,EACA,WAAAS,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaC,EAAAA,KACjBP,EACA,SACA,eAAeC,CAAI,GACnB,kBAAkBC,CAAO,EAAA,EAGrB,CAAE,MAAAM,EAAO,GAAGC,CAAA,EAAgBL,EAElC,OAAOM,EAAcN,CAAK,EACxBd,EAAAA,IAACqB,EAAAA,KAAA,CACE,GAAIF,EACL,WAAAN,EACA,UAAWG,EACX,IAAAD,EAEC,SAAAD,EAAM,QAAA,CAAA,EAGTd,EAAAA,IAACsB,EAAAA,OAAA,CACE,GAAIH,EACL,UAAWH,EACX,UAAAZ,EACA,WAAAS,EACA,IAAAE,EAEC,SAAAb,EAAqBY,EAAM,SAAUV,CAAS,CAAA,CAAA,CAGrD,CAAC,EAeD,SAASgB,EACPN,EAEyC,CACzC,MAAO,SAAUA,CACnB,CAKO,MAAMU,EAAc,CAAC,CAC1B,MAAAC,EAAQ,QACR,UAAAf,EACA,GAAGI,CACL,IAAwB,CACtB,MAAME,EAAaC,EAAAA,KACjBP,EACA,eACA,sBAAsBe,CAAK,EAAA,EAE7B,OAAOzB,EAAAA,IAAC,MAAA,CAAI,UAAWgB,EAAa,GAAGF,EAAO,CAChD"}

package/dist/lib/ui/primitives/Button/Button.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as g, Fragment as p } from "react/jsx-runtime";
+import { jsx as e, jsxs as b, Fragment as g } from "react/jsx-runtime";
 import { clsx as d } from "../../../vendor/clsx/dist/clsx.js";
 import l from "react";
 import { Link as f, Button as h } from "react-aria-components";
-import { BrandLoader as $ } from "../BrandLoader/BrandLoader.js";
+import { BrandLoader as p } from "../BrandLoader/BrandLoader.js";
 /* empty css           */
-const y = /* @__PURE__ */ e($, { "aria-hidden": !0, variant: "pulse", size: "16", tone: "current" });
+const y = /* @__PURE__ */ e(p, { "aria-hidden": !0, variant: "pulse", size: "16", tone: "current" });
 function B(t, r) {
-  return r ? (o) => /* @__PURE__ */ g(p, { children: [
+  return r ? (o) => /* @__PURE__ */ b(g, { children: [
     y,
     typeof t == "function" ? t(o) : t
   ] }) : t;
@@ -24,7 +24,7 @@ const I = l.forwardRef(function({
     "button",
     `button-size-${o}`,
     `button-variant-${a}`
-  ), { style: b, ...m } = n;
+  ), { style: $, ...m } = n;
   return N(n) ? /* @__PURE__ */ e(
     f,
     {
@@ -58,7 +58,7 @@ const I = l.forwardRef(function({
     "button",
     `button-size-${o}`,
     `button-variant-${a}`
-  ), { style: b, ...m } = n;
+  ), { style: $, ...m } = n;
   return N(n) ? /* @__PURE__ */ e(
     f,
     {

package/dist/lib/ui/primitives/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport {\n Button as RACButton,\n Link as RACLink,\n type ButtonProps as RACButtonProps,\n} from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport { BrandLoader } from \"../BrandLoader/BrandLoader\";\nimport \"./button.css\";\n\nconst pendingIndicator = (\n <BrandLoader aria-hidden variant=\"pulse\" size=\"16\" tone=\"current\" />\n);\n\nfunction withPendingIndicator(\n children: RACButtonProps[\"children\"],\n isPending: boolean \| undefined,\n): RACButtonProps[\"children\"] {\n if (!isPending) return children;\n return (renderProps) => (\n <>\n {pendingIndicator}\n {typeof children === \"function\" ? children(renderProps) : children}\n </>\n );\n}\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n variant?: Exclude<\n ButtonBaseProps[\"variant\"],\n \"danger-primary\" \| \"danger-subtle\"\n >;\n};\nexport const Button = React.forwardRef(function Button(\n {\n className,\n size = \"medium\",\n variant = \"primary\",\n isPending,\n isDisabled,\n ...props\n }: ButtonProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"button\",\n `button-size-${size}`,\n `button-variant-${variant}`,\n );\n\n const { style, ...sharedProps } = props;\n\n return isAnchorProps(props) ? (\n <RACLink\n {...sharedProps}\n isDisabled={isDisabled}\n className={classNames}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {props.children}\n </RACLink>\n ) : (\n <RACButton\n {...sharedProps}\n className={classNames}\n isPending={isPending}\n isDisabled={isDisabled}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {withPendingIndicator(props.children, isPending)}\n </RACButton>\n );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n variant?: Exclude<\n ButtonBaseProps[\"variant\"],\n \"primary\" \| \"subtle\" \| \"neutral\" \| \"text\"\n >;\n};\n/*\n Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n {\n className,\n size = \"medium\",\n variant = \"danger-primary\",\n isPending,\n isDisabled,\n ...props\n }: ButtonDangerProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"button\",\n `button-size-${size}`,\n `button-variant-${variant}`,\n );\n\n const { style, ...sharedProps } = props;\n\n return isAnchorProps(props) ? (\n <RACLink\n {...sharedProps}\n isDisabled={isDisabled}\n className={classNames}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {props.children}\n </RACLink>\n ) : (\n <RACButton\n {...sharedProps}\n className={classNames}\n isPending={isPending}\n isDisabled={isDisabled}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {withPendingIndicator(props.children, isPending)}\n </RACButton>\n );\n});\n\ntype ButtonBaseProps = {\n type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n isPending?: boolean;\n size?: \"small\" \| \"medium\";\n variant?:\n \| \"primary\"\n \| \"neutral\"\n \| \"subtle\"\n \| \"text\"\n \| \"danger-primary\"\n \| \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n props: ButtonBaseProps \| ButtonDangerProps,\n): props is (ButtonBaseProps \| ButtonDangerProps) &\n ComponentPropsWithoutRef<typeof RACLink> {\n return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n align?: \"start\" \| \"end\" \| \"center\" \| \"justify\" \| \"stack\";\n};\nexport const ButtonGroup = ({\n align = \"start\",\n className,\n ...props\n}: ButtonGroupProps) => {\n const classNames = clsx(\n className,\n \"button-group\",\n `button-group-align-${align}`,\n );\n return <div className={classNames} {...props} />;\n};\n"],"names":["pendingIndicator","jsx","BrandLoader","withPendingIndicator","children","isPending","renderProps","jsxs","Fragment","Button","React","className","size","variant","isDisabled","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":";;;;;;~~AAWA~~,MAAMA,IACJ,gBAAAC,EAACC,GAAA,EAAY,eAAW,IAAC,SAAQ,SAAQ,MAAK,MAAK,MAAK,UAAA,CAAU;AAGpE,SAASC,EACPC,GACAC,GAC4B;AAC5B,SAAKA,IACE,CAACC,MACN,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAR;AAAA,IACA,OAAOI,KAAa,aAAaA,EAASE,CAAW,IAAIF;AAAA,EAAA,GAC5D,IALqBA;AAOzB;AAQO,MAAMK,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAR;AAAA,EACA,YAAAS;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAM,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAd;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACE,~~GAAGF~~;AAAA,~~MACJ~~,YAAAN;AAAA,MACA,WAAWG;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAd;AAAA,IAACsB;AAAAA,IAAA;AAAA,MACE,~~GAAGH~~;AAAA,~~MACJ~~,WAAWH;AAAA,MACX,WAAAZ;AAAA,MACA,YAAAS;AAAA,MACA,KAAAE;AAAA,MAEC,UAAAb,EAAqBY,EAAM,UAAUV,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC,GAWYmB,IAAed,EAAM,WAAW,SAC3C;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAR;AAAA,EACA,YAAAS;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAM,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAd;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACE,~~GAAGF~~;AAAA,~~MACJ~~,YAAAN;AAAA,MACA,WAAWG;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAd;AAAA,IAACsB;AAAAA,IAAA;AAAA,MACE,~~GAAGH~~;AAAA,~~MACJ~~,WAAWH;AAAA,MACX,WAAAZ;AAAA,MACA,YAAAS;AAAA,MACA,KAAAE;AAAA,MAEC,UAAAb,EAAqBY,EAAM,UAAUV,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC;AAeD,SAASgB,EACPN,GAEyC;AACzC,SAAO,UAAUA;AACnB;AAKO,MAAMU,IAAc,CAAC;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,WAAAf;AAAA,EACA,GAAGI;AACL,MAAwB;AACtB,QAAME,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,sBAAsBe,CAAK;AAAA,EAAA;AAE7B,SAAO,gBAAAzB,EAAC,OAAA,EAAI,WAAWgB,GAAa,GAAGF,GAAO;AAChD;"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport {\n Button as RACButton,\n Link as RACLink,\n type ButtonProps as RACButtonProps,\n type LinkProps as RACLinkProps,\n} from \"react-aria-components\";\nimport { type AnchorOrButtonProps } from \"utils\";\nimport { BrandLoader } from \"../BrandLoader/BrandLoader\";\nimport \"./button.css\";\n\nconst pendingIndicator = (\n <BrandLoader aria-hidden variant=\"pulse\" size=\"16\" tone=\"current\" />\n);\n\nfunction withPendingIndicator(\n children: RACButtonProps[\"children\"],\n isPending: boolean \| undefined,\n): RACButtonProps[\"children\"] {\n if (!isPending) return children;\n return (renderProps) => (\n <>\n {pendingIndicator}\n {typeof children === \"function\" ? children(renderProps) : children}\n </>\n );\n}\n\nexport type ButtonProps = Omit<ButtonBaseProps, \"variant\"> & {\n variant?: Exclude<\n ButtonBaseProps[\"variant\"],\n \"danger-primary\" \| \"danger-subtle\"\n >;\n};\nexport const Button = React.forwardRef(function Button(\n {\n className,\n size = \"medium\",\n variant = \"primary\",\n isPending,\n isDisabled,\n ...props\n }: ButtonProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"button\",\n `button-size-${size}`,\n `button-variant-${variant}`,\n );\n\n const { style, ...sharedProps } = props;\n\n return isAnchorProps(props) ? (\n <RACLink\n {...(sharedProps as RACLinkProps)}\n isDisabled={isDisabled}\n className={classNames}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {props.children}\n </RACLink>\n ) : (\n <RACButton\n {...(sharedProps as RACButtonProps)}\n className={classNames}\n isPending={isPending}\n isDisabled={isDisabled}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {withPendingIndicator(props.children, isPending)}\n </RACButton>\n );\n});\n\nexport type ButtonDangerProps = Omit<ButtonBaseProps, \"variant\"> & {\n variant?: Exclude<\n ButtonBaseProps[\"variant\"],\n \"primary\" \| \"subtle\" \| \"neutral\" \| \"text\"\n >;\n};\n/*\n Only used for destructive actions\n */\nexport const ButtonDanger = React.forwardRef(function Button(\n {\n className,\n size = \"medium\",\n variant = \"danger-primary\",\n isPending,\n isDisabled,\n ...props\n }: ButtonDangerProps,\n ref: React.ForwardedRef<HTMLElement>,\n) {\n const classNames = clsx(\n className,\n \"button\",\n `button-size-${size}`,\n `button-variant-${variant}`,\n );\n\n const { style, ...sharedProps } = props;\n\n return isAnchorProps(props) ? (\n <RACLink\n {...(sharedProps as RACLinkProps)}\n isDisabled={isDisabled}\n className={classNames}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {props.children}\n </RACLink>\n ) : (\n <RACButton\n {...(sharedProps as RACButtonProps)}\n className={classNames}\n isPending={isPending}\n isDisabled={isDisabled}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {withPendingIndicator(props.children, isPending)}\n </RACButton>\n );\n});\n\ntype ButtonBaseProps = {\n type?: ComponentPropsWithoutRef<\"button\">[\"type\"];\n isPending?: boolean;\n size?: \"small\" \| \"medium\";\n variant?:\n \| \"primary\"\n \| \"neutral\"\n \| \"subtle\"\n \| \"text\"\n \| \"danger-primary\"\n \| \"danger-subtle\";\n} & AnchorOrButtonProps;\n\nfunction isAnchorProps(\n props: ButtonBaseProps \| ButtonDangerProps,\n): props is (ButtonBaseProps \| ButtonDangerProps) &\n ComponentPropsWithoutRef<typeof RACLink> {\n return \"href\" in props;\n}\n\nexport type ButtonGroupProps = React.ComponentPropsWithoutRef<\"div\"> & {\n align?: \"start\" \| \"end\" \| \"center\" \| \"justify\" \| \"stack\";\n};\nexport const ButtonGroup = ({\n align = \"start\",\n className,\n ...props\n}: ButtonGroupProps) => {\n const classNames = clsx(\n className,\n \"button-group\",\n `button-group-align-${align}`,\n );\n return <div className={classNames} {...props} />;\n};\n"],"names":["pendingIndicator","jsx","BrandLoader","withPendingIndicator","children","isPending","renderProps","jsxs","Fragment","Button","React","className","size","variant","isDisabled","props","ref","classNames","clsx","style","sharedProps","isAnchorProps","RACLink","RACButton","ButtonDanger","ButtonGroup","align"],"mappings":";;;;;;AAYA,MAAMA,IACJ,gBAAAC,EAACC,GAAA,EAAY,eAAW,IAAC,SAAQ,SAAQ,MAAK,MAAK,MAAK,UAAA,CAAU;AAGpE,SAASC,EACPC,GACAC,GAC4B;AAC5B,SAAKA,IACE,CAACC,MACN,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAR;AAAA,IACA,OAAOI,KAAa,aAAaA,EAASE,CAAW,IAAIF;AAAA,EAAA,GAC5D,IALqBA;AAOzB;AAQO,MAAMK,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAR;AAAA,EACA,YAAAS;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAM,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAd;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACE,GAAIF;AAAA,MACL,YAAAN;AAAA,MACA,WAAWG;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAd;AAAA,IAACsB;AAAAA,IAAA;AAAA,MACE,GAAIH;AAAA,MACL,WAAWH;AAAA,MACX,WAAAZ;AAAA,MACA,YAAAS;AAAA,MACA,KAAAE;AAAA,MAEC,UAAAb,EAAqBY,EAAM,UAAUV,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC,GAWYmB,IAAed,EAAM,WAAW,SAC3C;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAR;AAAA,EACA,YAAAS;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,kBAAkBC,CAAO;AAAA,EAAA,GAGrB,EAAE,OAAAM,GAAO,GAAGC,EAAA,IAAgBL;AAElC,SAAOM,EAAcN,CAAK,IACxB,gBAAAd;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACE,GAAIF;AAAA,MACL,YAAAN;AAAA,MACA,WAAWG;AAAA,MACX,KAAAD;AAAA,MAEC,UAAAD,EAAM;AAAA,IAAA;AAAA,EAAA,IAGT,gBAAAd;AAAA,IAACsB;AAAAA,IAAA;AAAA,MACE,GAAIH;AAAA,MACL,WAAWH;AAAA,MACX,WAAAZ;AAAA,MACA,YAAAS;AAAA,MACA,KAAAE;AAAA,MAEC,UAAAb,EAAqBY,EAAM,UAAUV,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC;AAeD,SAASgB,EACPN,GAEyC;AACzC,SAAO,UAAUA;AACnB;AAKO,MAAMU,IAAc,CAAC;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,WAAAf;AAAA,EACA,GAAGI;AACL,MAAwB;AACtB,QAAME,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,sBAAsBe,CAAK;AAAA,EAAA;AAE7B,SAAO,gBAAAzB,EAAC,OAAA,EAAI,WAAWgB,GAAa,GAAGF,GAAO;AAChD;"}

package/dist/lib/ui/primitives/CodeBlock/CodeBlock.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react");;/* empty css                */const a=require("../IconButton/IconButton.cjs"),l=require("../../icons/IconCheck.cjs"),d=require("../../icons/IconCopy.cjs");function u({text:c,copyLabel:n="Copy",copiedLabel:i="Copied"}){const[o,t]=r.useState(!1);function s(){navigator.clipboard.writeText(c).then(()=>{t(!0),setTimeout(()=>t(!1),2e3)}).catch(()=>{})}return e.jsxs("div",{className:"codeblock","data-copied":o||void 0,children:[e.jsx("code",{className:"codeblock-text",children:c}),e.jsx(a.IconButton,{"aria-label":o?i:n,variant:"subtle",size:"small",onPress:s,children:o?e.jsx(l.IconCheck,{}):e.jsx(d.IconCopy,{})})]})}exports.CodeBlock=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react");;/* empty css                */const a=require("../IconButton/IconButton.cjs"),l=require("../../icons/IconCheck.cjs"),d=require("../../icons/IconCopy.cjs");function u({text:c,copyLabel:n="Copy",copiedLabel:r="Copied"}){const[o,t]=s.useState(!1);function i(){navigator.clipboard.writeText(c).then(()=>{t(!0),setTimeout(()=>t(!1),2e3)}).catch(()=>{})}return e.jsxs("div",{className:"codeblock","data-copied":o||void 0,children:[e.jsx("code",{className:"codeblock-text",children:c}),e.jsx(a.IconButton,{"aria-label":o?r:n,variant:"subtle",size:"small",onPress:i,children:o?e.jsx(l.IconCheck,{}):e.jsx(d.IconCopy,{})})]})}exports.CodeBlock=u;
 //# sourceMappingURL=CodeBlock.cjs.map

package/dist/lib/ui/primitives/CodeEditor/CodeEditor.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../../vendor/clsx/dist/clsx.cjs"),u=require("react"),F=require("../../../vendor/@monaco-editor/react/dist/index.cjs");;/* empty css                 */const m=require("../Fieldset/Fieldset.cjs"),g=require("../Button/Button.cjs");function j({value:d,defaultValue:s,onChange:o,language:i="javascript",theme:n="vs",height:r="300px",isDisabled:t=!1,isReadOnly:a=!1,options:f,className:p,editorRef:l}){const[c,v]=u.useState(!1),E=u.useRef(null);function N(x,B){l&&(l.current=x),x.onDidFocusEditorWidget(()=>v(!0)),x.onDidBlurEditorWidget(()=>v(!1))}const C=h.clsx("code-editor-wrapper",p,{"code-editor-focused":c,"code-editor-disabled":t});return e.jsx("div",{ref:E,className:C,"data-disabled":t||void 0,style:{height:r},children:e.jsx(F.default,{height:"100%",value:d,defaultValue:s,language:i,theme:n,onChange:o,onMount:N,loading:e.jsx("div",{className:"code-editor-loading"}),options:{readOnly:a||t,minimap:{enabled:!1},scrollBeyondLastLine:!1,fontSize:13,lineNumbersMinChars:3,...f}})})}function q({className:d,label:s,description:o,errorMessage:i,...n}){const r=u.useId(),t=h.clsx(d,"field");return e.jsxs("div",{className:t,children:[s&&e.jsx(m.Label,{htmlFor:r,children:s}),e.jsx(j,{...n}),o&&e.jsx(m.Description,{children:o}),i&&typeof i=="string"&&e.jsx(m.FieldError,{children:i})]})}const y="Clique no editor e pressione F1 para visualizar os atalhos do teclado";function R({title:d,shortcutHint:s=y,onBeautify:o,className:i,isDisabled:n=!1,isReadOnly:r=!1,...t}){const a=u.useRef(null),f=!n&&!r;function p(){var l,c;if(o){o();return}(c=(l=a.current)==null?void 0:l.getAction("editor.action.formatDocument"))==null||c.run()}return e.jsxs("div",{className:h.clsx("code-editor-panel",i),children:[f&&e.jsxs("div",{className:"code-editor-panel-header",children:[e.jsxs("div",{className:"code-editor-panel-title-group",children:[e.jsx("span",{className:"code-editor-panel-title",children:d}),s&&e.jsxs("span",{className:"code-editor-panel-hint",children:["(",s,")"]})]}),e.jsx(g.Button,{size:"small",variant:"primary",onPress:p,children:"Beautify"})]}),e.jsx(j,{...t,isDisabled:n,isReadOnly:r,editorRef:a})]})}exports.CodeEditor=j;exports.CodeEditorField=q;exports.CodeEditorPanel=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../../vendor/clsx/dist/clsx.cjs"),u=require("react"),F=require("../../../vendor/@monaco-editor/react/dist/index.cjs");;/* empty css                 */const m=require("../Fieldset/Fieldset.cjs"),g=require("../Button/Button.cjs");function j({value:d,defaultValue:s,onChange:o,language:i="javascript",theme:n="vs",height:r="300px",isDisabled:t=!1,isReadOnly:a=!1,options:f,className:p,editorRef:l}){const[c,v]=u.useState(!1),E=u.useRef(null);function N(x,B){l&&(l.current=x),x.onDidFocusEditorWidget(()=>v(!0)),x.onDidBlurEditorWidget(()=>v(!1))}const C=h.clsx("code-editor-wrapper",p,{"code-editor-focused":c,"code-editor-disabled":t});return e.jsx("div",{ref:E,className:C,"data-disabled":t||void 0,style:{height:r},children:e.jsx(F.default,{height:"100%",value:d,defaultValue:s,language:i,theme:n,onChange:o,onMount:N,loading:e.jsx("div",{className:"code-editor-loading"}),options:{readOnly:a||t,minimap:{enabled:!1},scrollBeyondLastLine:!1,fontSize:13,lineNumbersMinChars:3,...f}})})}function q({className:d,label:s,description:o,errorMessage:i,...n}){const r=u.useId(),t=h.clsx(d,"field");return e.jsxs("div",{className:t,children:[s&&e.jsx(m.Label,{htmlFor:r,children:s}),e.jsx(j,{...n}),o&&e.jsx(m.Description,{children:o}),i&&typeof i=="string"&&e.jsx(m.FieldError,{children:i})]})}const y="Clique no editor e pressione F1 para visualizar os atalhos do teclado";function T({title:d,shortcutHint:s=y,onBeautify:o,className:i,isDisabled:n=!1,isReadOnly:r=!1,...t}){const a=u.useRef(null),f=!n&&!r;function p(){var l,c;if(o){o();return}(c=(l=a.current)==null?void 0:l.getAction("editor.action.formatDocument"))==null||c.run()}return e.jsxs("div",{className:h.clsx("code-editor-panel",i),children:[f&&e.jsxs("div",{className:"code-editor-panel-header",children:[e.jsxs("div",{className:"code-editor-panel-title-group",children:[e.jsx("span",{className:"code-editor-panel-title",children:d}),s&&e.jsxs("span",{className:"code-editor-panel-hint",children:["(",s,")"]})]}),e.jsx(g.Button,{size:"small",variant:"primary",onPress:p,children:"Beautify"})]}),e.jsx(j,{...t,isDisabled:n,isReadOnly:r,editorRef:a})]})}exports.CodeEditor=j;exports.CodeEditorField=q;exports.CodeEditorPanel=T;
 //# sourceMappingURL=CodeEditor.cjs.map

package/dist/lib/ui/primitives/ComboBox/ComboBox.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../../vendor/clsx/dist/clsx.cjs"),x=require("react"),c=require("react-aria-components");;/* empty css               */const v=require("../../hooks/useOverlayPortal.cjs"),s=require("../Fieldset/Fieldset.cjs"),g=require("../Input/Input.cjs"),B=require("../../icons/IconChevronDown.cjs"),b=require("../ListBox/ListBox.cjs"),q=require("../../icons/IconCheck.cjs");function N(o){const n=o.getRootNode();return n instanceof ShadowRoot||n instanceof Document?n.activeElement:null}function I(o){x.useEffect(()=>{const n=o.current;if(!n)return;function t(r){r.preventDefault()}return n.addEventListener("mousedown",t),()=>n.removeEventListener("mousedown",t)},[o])}function F({className:o,label:n,description:t,errorMessage:r,placeholder:i,children:f,items:j,...p}){const h=m.clsx(o,"combobox-container"),u=x.useRef(null);I(u);const C=v.useOverlayPortalContainer();return e.jsx(d,{className:h,...p,children:e.jsxs(s.Field,{children:[n&&e.jsx(s.Label,{children:n}),e.jsxs(c.Group,{className:"combobox",children:[e.jsx(g.Input,{className:"combobox-input",placeholder:i,onPointerDown:a=>{var l;N(a.currentTarget)===a.currentTarget&&((l=u.current)==null||l.click())}}),e.jsx(c.Button,{ref:u,className:"combobox-trigger",children:e.jsx(B.IconChevronDown,{"aria-hidden":"true"})})]}),e.jsx(c.Popover,{className:"combobox-popover",UNSTABLE_portalContainer:C,children:e.jsx(b.ListBox,{items:j,children:f})}),t&&e.jsx(s.Description,{children:t}),e.jsx(s.FieldError,{children:r})]})})}function d({...o}){return e.jsx(c.ComboBox,{menuTrigger:"focus",...o})}function E({children:o,className:n,...t}){const r=m.clsx(n,"combobox-item"),i=typeof o=="string"?o:"";return e.jsx(b.ListBoxItem,{textValue:i,className:r,...t,children:e.jsxs(e.Fragment,{children:[e.jsx(q.IconCheck,{className:"combobox-item-check"}),o]})})}exports.ComboBox=d;exports.ComboBoxField=F;exports.ComboBoxItem=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../vendor/clsx/dist/clsx.cjs"),C=require("react"),t=require("react-aria-components"),x=require("./comboBoxFocus.cjs");;/* empty css               */const B=require("../../hooks/useOverlayPortal.cjs"),n=require("../Fieldset/Fieldset.cjs"),q=require("../Input/Input.cjs"),I=require("../../icons/IconChevronDown.cjs"),l=require("../ListBox/ListBox.cjs"),g=require("../../icons/IconCheck.cjs");function N({className:o,label:r,description:s,errorMessage:c,placeholder:i,children:b,items:d,...j}){const p=a.clsx(o,"combobox-container"),u=C.useRef(null);x.useKeepFocusOnInput(u);const h=B.useOverlayPortalContainer();return e.jsx(m,{className:p,...j,children:e.jsxs(n.Field,{children:[r&&e.jsx(n.Label,{children:r}),e.jsxs(t.Group,{className:"combobox",children:[e.jsx(q.Input,{className:"combobox-input",placeholder:i,onPointerDown:x.openMenuWhenFocusedInputIsPressed(u)}),e.jsx(t.Button,{ref:u,className:"combobox-trigger",children:e.jsx(I.IconChevronDown,{"aria-hidden":"true"})})]}),e.jsx(t.Popover,{className:"combobox-popover",UNSTABLE_portalContainer:h,children:e.jsx(l.ListBox,{items:d,children:b})}),s&&e.jsx(n.Description,{children:s}),e.jsx(n.FieldError,{children:c})]})})}function m({...o}){return e.jsx(t.ComboBox,{menuTrigger:"focus",...o})}function f({children:o,className:r,...s}){const c=a.clsx(r,"combobox-item"),i=typeof o=="string"?o:"";return e.jsx(l.ListBoxItem,{textValue:i,className:c,...s,children:e.jsxs(e.Fragment,{children:[e.jsx(g.IconCheck,{className:"combobox-item-check"}),o]})})}exports.ComboBox=m;exports.ComboBoxField=N;exports.ComboBoxItem=f;
 //# sourceMappingURL=ComboBox.cjs.map

package/dist/lib/ui/primitives/ComboBox/ComboBox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComboBox.cjs","sources":["../../../../../src/ui/primitives/ComboBox/ComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n Description,\n Field,\n FieldError,\n Input,\n ListBox,\n ListBoxItem,\n Label,\n SharedFieldProps,\n type ListBoxItemProps,\n} from \"primitives\";\nimport { ~~useEffect,~~ useRef } from \"react\";\nimport {\n Button as RACButton,\n ComboBox as RACComboBox,\n Group as RACGroup,\n Popover as RACPopover,\n type ComboBoxProps as RACComboBoxProps,\n} from \"react-aria-components\";\nimport \"./combobox.css\";\n\nexport interface ComboBoxFieldProps<T extends object>\n extends Omit<ComboBoxProps<T>, \"children\">,\n SharedFieldProps {\n items?: Iterable<T>;\n children: React.ReactNode \| ((item: T) => React.ReactNode);\n}\n\n// `document.activeElement` para no host da shadow root: quem sabe o que está focado\n// dentro dela é a própria raiz. Ver ui/hooks/useOverlayPortal.\nfunction activeElementOf(element: Element): Element \| null {\n const root = element.getRootNode();\n return root instanceof ShadowRoot \|\| root instanceof Document\n ? root.activeElement\n : null;\n}\n\n// O react-aria pede `preventFocusOnPress` para o botão do dropdown, mas a implementação\n// dele guarda `document.activeElement` — que dentro de uma shadow root devolve o host, e\n// não o input. O botão fica com o foco de verdade, o input nunca mais recebe blur, e a\n// partir daí só escolher um item fecha o dropdown: clicar fora não fecha nada. Impedir o\n// padrão do mousedown é o que mantém o foco no input, dentro e fora da shadow root.\n//\n// Via listener nativo, e não por prop: o `useButton` do react-aria só repassa ao <button>\n// os handlers que ele mesmo declara, e descarta um `onMouseDown` vindo de fora.\nfunction useKeepFocusOnInput(triggerRef: React.RefObject<HTMLButtonElement \| null>): void {\n useEffect(() => {\n const trigger: HTMLButtonElement \| null = triggerRef.current;\n if (!trigger) return undefined;\n\n function preventFocus(event: MouseEvent): void {\n event.preventDefault();\n }\n\n trigger.addEventListener(\"mousedown\", preventFocus);\n return () => trigger.removeEventListener(\"mousedown\", preventFocus);\n }, [triggerRef]);\n}\n\nexport function ComboBoxField<T extends object>({\n className,\n label,\n description,\n errorMessage,\n placeholder,\n children,\n items,\n ...props\n}: ComboBoxFieldProps<T>) {\n const classNames = clsx(className, \"combobox-container\");\n const triggerRef = useRef<HTMLButtonElement \| null>(null);\n useKeepFocusOnInput(triggerRef);\n // Sem container explícito o dropdown faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n return (\n <ComboBox className={classNames} {...props}>\n <Field>\n {label && <Label>{label}</Label>}\n <RACGroup className=\"combobox\">\n <Input\n className=\"combobox-input\"\n placeholder={placeholder}\n onPointerDown={(~~event) => {\n if (activeElementOf(event.currentTarget) === event.currentTarget) {\n~~ triggerRef~~.current?.click(~~)~~;\n~~ }\n ~~}}\n~~ />\n <RACButton ref={triggerRef} className=\"combobox-trigger\">\n <IconChevronDown aria-hidden=\"true\" />\n </RACButton>\n </RACGroup>\n <RACPopover\n className=\"combobox-popover\"\n UNSTABLE_portalContainer={portalContainer}\n >\n <ListBox items={items}>{children}</ListBox>\n </RACPopover>\n {description && <Description>{description}</Description>}\n <FieldError>{errorMessage}</FieldError>\n </Field>\n </ComboBox>\n );\n}\n\nexport type ComboBoxProps<T extends object> = RACComboBoxProps<T>;\nexport function ComboBox<T extends object>({ ...props }: ComboBoxProps<T>) {\n return <RACComboBox<T> menuTrigger=\"focus\" {...props} />;\n}\n\nexport type ComboBoxItemProps = ListBoxItemProps;\nexport function ComboBoxItem({ children, className, ...props }: ComboBoxItemProps) {\n const classNames = clsx(className, \"combobox-item\");\n const textValue = typeof children === \"string\" ? children : \"\";\n return (\n <ListBoxItem textValue={textValue} className={classNames} {...props}>\n <>\n <IconCheck className=\"combobox-item-check\" />\n {children}\n </>\n </ListBoxItem>\n );\n}\n"],"names":["~~activeElementOf","element","root","useKeepFocusOnInput","triggerRef","useEffect","trigger","preventFocus","event","~~ComboBoxField","className","label","description","errorMessage","placeholder","children","items","props","classNames","clsx","useRef","portalContainer","useOverlayPortalContainer","ComboBox","Field","jsx","Label","jsxs","RACGroup","Input","_a","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACComboBox","ComboBoxItem","textValue","ListBoxItem","Fragment","IconCheck"],"mappings":"~~2eAiCA~~,SAASA,EAAgBC,EAAkC,CACzD,MAAMC,EAAOD,EAAQ,YAAA,EACrB,OAAOC,aAAgB,YAAcA,aAAgB,SACjDA,EAAK,cACL,IACN,CAUA,SAASC,EAAoBC,EAA6D,CACxFC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoCF,EAAW,QACrD,GAAI,CAACE,EAAS,OAEd,SAASC,EAAaC,EAAyB,CAC7CA,EAAM,eAAA,CACR,CAEA,OAAAF,EAAQ,iBAAiB,YAAaC,CAAY,EAC3C,IAAMD,EAAQ,oBAAoB,YAAaC,CAAY,CACpE,EAAG,CAACH,CAAU,CAAC,CACjB,CAEO,SAASK,EAAgC,CAC9C,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAaC,EAAAA,KAAKT,EAAW,oBAAoB,~~EACjDN~~,~~EAAagB~~,EAAAA,OAAiC,IAAI,~~EACxDjB~~,~~EAAoBC~~,CAAU,EAG9B,~~MAAMiB~~,EAAkBC,EAAAA,0BAAA,EACxB,aACGC,EAAA,CAAS,~~UAAWL~~,EAAa,GAAGD,EACnC,~~gBAACO~~,EAAAA,MAAA,CACE,SAAA,~~CAAAb~~,~~GAASc~~,EAAAA,IAACC,EAAAA,OAAO,~~SAAAf~~,CAAA,CAAM,~~EACxBgB~~,EAAAA,KAACC,EAAAA,MAAA,CAAS,UAAU,WAClB,SAAA,CAAAH,EAAAA,IAACI,EAAAA,MAAA,CACC,UAAU,iBACV,~~YAAAf~~,EACA,~~cAAgBN~~,~~GAAU~~,~~OACpBR~~,~~EAAgBQ~~,~~EAAM,aAAa,IAAMA,EAAM,iBACjDsB,EAAA1B,EAAW,UAAX,MAAA0B,EAAoB,QAExB,~~CAAA,CAAA,~~EAEFL~~,EAAAA,IAACM,EAAAA,OAAA,CAAU,~~IAAK3B~~,EAAY,UAAU,mBACpC,~~SAAAqB~~,EAAAA,IAACO,EAAAA,gBAAA,CAAgB,cAAY,MAAA,CAAO,CAAA,CACtC,CAAA,EACF,EACAP,EAAAA,IAACQ,EAAAA,QAAA,CACC,UAAU,mBACV,yBAA0BZ,EAE1B,SAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAQ,~~MAAAlB~~,EAAe,SAAAD,CAAA,CAAS,CAAA,CAAA,EAElCH,~~GAAea~~,EAAAA,IAACU,EAAAA,YAAA,CAAa,~~SAAAvB~~,CAAA,CAAY,~~EAC1Ca~~,EAAAA,IAACW,EAAAA,YAAY,~~SAAAvB~~,CAAA,CAAa,CAAA,CAAA,CAC5B,CAAA,CACF,CAEJ,CAGO,~~SAASU~~,EAA2B,CAAE,~~GAAGN~~,GAA2B,CACzE,~~OAAOQ~~,EAAAA,IAACY,EAAAA,SAAA,CAAe,YAAY,QAAS,~~GAAGpB~~,EAAO,CACxD,CAGO,~~SAASqB~~,EAAa,CAAE,~~SAAAvB~~,EAAU,UAAAL,EAAW,GAAGO,GAA4B,CACjF,MAAMC,EAAaC,EAAAA,KAAKT,EAAW,eAAe,~~EAC5C6B~~,EAAY,~~OAAOxB~~,GAAa,SAAWA,EAAW,GAC5D,~~aACGyB~~,EAAAA,YAAA,CAAY,UAAAD,EAAsB,~~UAAWrB~~,EAAa,GAAGD,EAC5D,~~SAAAU~~,EAAAA,KAAAc,EAAAA,SAAA,CACE,SAAA,CAAAhB,EAAAA,IAACiB,EAAAA,UAAA,CAAU,UAAU,qBAAA,CAAsB,~~EAC1C3B~~,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"ComboBox.cjs","sources":["../../../../../src/ui/primitives/ComboBox/ComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n Description,\n Field,\n FieldError,\n Input,\n ListBox,\n ListBoxItem,\n Label,\n SharedFieldProps,\n type ListBoxItemProps,\n} from \"primitives\";\nimport { useRef } from \"react\";\nimport {\n Button as RACButton,\n ComboBox as RACComboBox,\n Group as RACGroup,\n Popover as RACPopover,\n type ComboBoxProps as RACComboBoxProps,\n} from \"react-aria-components\";\nimport {\n openMenuWhenFocusedInputIsPressed,\n useKeepFocusOnInput,\n} from \"./comboBoxFocus\";\nimport \"./combobox.css\";\n\nexport interface ComboBoxFieldProps<T extends object>\n extends Omit<ComboBoxProps<T>, \"children\">,\n SharedFieldProps {\n items?: Iterable<T>;\n children: React.ReactNode \| ((item: T) => React.ReactNode);\n}\n\nexport function ComboBoxField<T extends object>({\n className,\n label,\n description,\n errorMessage,\n placeholder,\n children,\n items,\n ...props\n}: ComboBoxFieldProps<T>) {\n const classNames = clsx(className, \"combobox-container\");\n const triggerRef = useRef<HTMLButtonElement \| null>(null);\n useKeepFocusOnInput(triggerRef);\n // Sem container explícito o dropdown faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n return (\n <ComboBox className={classNames} {...props}>\n <Field>\n {label && <Label>{label}</Label>}\n <RACGroup className=\"combobox\">\n <Input\n className=\"combobox-input\"\n placeholder={placeholder}\n onPointerDown={openMenuWhenFocusedInputIsPressed(triggerRef)}\n />\n <RACButton ref={triggerRef} className=\"combobox-trigger\">\n <IconChevronDown aria-hidden=\"true\" />\n </RACButton>\n </RACGroup>\n <RACPopover\n className=\"combobox-popover\"\n UNSTABLE_portalContainer={portalContainer}\n >\n <ListBox items={items}>{children}</ListBox>\n </RACPopover>\n {description && <Description>{description}</Description>}\n <FieldError>{errorMessage}</FieldError>\n </Field>\n </ComboBox>\n );\n}\n\nexport type ComboBoxProps<T extends object> = RACComboBoxProps<T>;\nexport function ComboBox<T extends object>({ ...props }: ComboBoxProps<T>) {\n return <RACComboBox<T> menuTrigger=\"focus\" {...props} />;\n}\n\nexport type ComboBoxItemProps = ListBoxItemProps;\nexport function ComboBoxItem({ children, className, ...props }: ComboBoxItemProps) {\n const classNames = clsx(className, \"combobox-item\");\n const textValue = typeof children === \"string\" ? children : \"\";\n return (\n <ListBoxItem textValue={textValue} className={classNames} {...props}>\n <>\n <IconCheck className=\"combobox-item-check\" />\n {children}\n </>\n </ListBoxItem>\n );\n}\n"],"names":["ComboBoxField","className","label","description","errorMessage","placeholder","children","items","props","classNames","clsx","triggerRef","useRef","useKeepFocusOnInput","portalContainer","useOverlayPortalContainer","ComboBox","Field","jsx","Label","jsxs","RACGroup","Input","openMenuWhenFocusedInputIsPressed","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACComboBox","ComboBoxItem","textValue","ListBoxItem","Fragment","IconCheck"],"mappings":"4gBAmCO,SAASA,EAAgC,CAC9C,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAaC,EAAAA,KAAKT,EAAW,oBAAoB,EACjDU,EAAaC,EAAAA,OAAiC,IAAI,EACxDC,EAAAA,oBAAoBF,CAAU,EAG9B,MAAMG,EAAkBC,EAAAA,0BAAA,EACxB,aACGC,EAAA,CAAS,UAAWP,EAAa,GAAGD,EACnC,gBAACS,EAAAA,MAAA,CACE,SAAA,CAAAf,GAASgB,EAAAA,IAACC,EAAAA,OAAO,SAAAjB,CAAA,CAAM,EACxBkB,EAAAA,KAACC,EAAAA,MAAA,CAAS,UAAU,WAClB,SAAA,CAAAH,EAAAA,IAACI,EAAAA,MAAA,CACC,UAAU,iBACV,YAAAjB,EACA,cAAekB,EAAAA,kCAAkCZ,CAAU,CAAA,CAAA,EAE7DO,EAAAA,IAACM,EAAAA,OAAA,CAAU,IAAKb,EAAY,UAAU,mBACpC,SAAAO,EAAAA,IAACO,EAAAA,gBAAA,CAAgB,cAAY,MAAA,CAAO,CAAA,CACtC,CAAA,EACF,EACAP,EAAAA,IAACQ,EAAAA,QAAA,CACC,UAAU,mBACV,yBAA0BZ,EAE1B,SAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAQ,MAAApB,EAAe,SAAAD,CAAA,CAAS,CAAA,CAAA,EAElCH,GAAee,EAAAA,IAACU,EAAAA,YAAA,CAAa,SAAAzB,CAAA,CAAY,EAC1Ce,EAAAA,IAACW,EAAAA,YAAY,SAAAzB,CAAA,CAAa,CAAA,CAAA,CAC5B,CAAA,CACF,CAEJ,CAGO,SAASY,EAA2B,CAAE,GAAGR,GAA2B,CACzE,OAAOU,EAAAA,IAACY,EAAAA,SAAA,CAAe,YAAY,QAAS,GAAGtB,EAAO,CACxD,CAGO,SAASuB,EAAa,CAAE,SAAAzB,EAAU,UAAAL,EAAW,GAAGO,GAA4B,CACjF,MAAMC,EAAaC,EAAAA,KAAKT,EAAW,eAAe,EAC5C+B,EAAY,OAAO1B,GAAa,SAAWA,EAAW,GAC5D,aACG2B,EAAAA,YAAA,CAAY,UAAAD,EAAsB,UAAWvB,EAAa,GAAGD,EAC5D,SAAAY,EAAAA,KAAAc,EAAAA,SAAA,CACE,SAAA,CAAAhB,EAAAA,IAACiB,EAAAA,UAAA,CAAU,UAAU,qBAAA,CAAsB,EAC1C7B,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}

package/dist/lib/ui/primitives/ComboBox/ComboBox.js CHANGED Viewed

@@ -1,82 +1,66 @@
-import { jsx as r, jsxs as i, Fragment as d } from "react/jsx-runtime";
-import { clsx as u } from "../../../vendor/clsx/dist/clsx.js";
-import { useRef as h, useEffect as g } from "react";
-import { Group as v, Button as N, Popover as C, ComboBox as B } from "react-aria-components";
+import { jsx as o, jsxs as c, Fragment as b } from "react/jsx-runtime";
+import { clsx as s } from "../../../vendor/clsx/dist/clsx.js";
+import { useRef as f } from "react";
+import { Group as d, Button as h, Popover as C, ComboBox as N } from "react-aria-components";
+import { useKeepFocusOnInput as B, openMenuWhenFocusedInputIsPressed as g } from "./comboBoxFocus.js";
 /* empty css             */
-import { useOverlayPortalContainer as E } from "../../hooks/useOverlayPortal.js";
-import { Field as F, Label as I, Description as L, FieldError as w } from "../Fieldset/Fieldset.js";
+import { useOverlayPortalContainer as I } from "../../hooks/useOverlayPortal.js";
+import { Field as F, Label as v, Description as L, FieldError as P } from "../Fieldset/Fieldset.js";
 import { Input as D } from "../Input/Input.js";
-import { IconChevronDown as T } from "../../icons/IconChevronDown.js";
-import { ListBox as k, ListBoxItem as O } from "../ListBox/ListBox.js";
-import { IconCheck as P } from "../../icons/IconCheck.js";
-function R(o) {
-  const e = o.getRootNode();
-  return e instanceof ShadowRoot || e instanceof Document ? e.activeElement : null;
-}
-function j(o) {
-  g(() => {
-    const e = o.current;
-    if (!e) return;
-    function t(n) {
-      n.preventDefault();
-    }
-    return e.addEventListener("mousedown", t), () => e.removeEventListener("mousedown", t);
-  }, [o]);
-}
-function J({
-  className: o,
+import { IconChevronDown as j } from "../../icons/IconChevronDown.js";
+import { ListBox as k, ListBoxItem as w } from "../ListBox/ListBox.js";
+import { IconCheck as y } from "../../icons/IconCheck.js";
+function $({
+  className: r,
   label: e,
   description: t,
   errorMessage: n,
-  placeholder: m,
-  children: l,
-  items: f,
+  placeholder: i,
+  children: a,
+  items: l,
   ...p
 }) {
-  const x = u(o, "combobox-container"), c = h(null);
-  j(c);
-  const b = E();
-  return /* @__PURE__ */ r(y, { className: x, ...p, children: /* @__PURE__ */ i(F, { children: [
-    e && /* @__PURE__ */ r(I, { children: e }),
-    /* @__PURE__ */ i(v, { className: "combobox", children: [
-      /* @__PURE__ */ r(
+  const u = s(r, "combobox-container"), m = f(null);
+  B(m);
+  const x = I();
+  return /* @__PURE__ */ o(E, { className: u, ...p, children: /* @__PURE__ */ c(F, { children: [
+    e && /* @__PURE__ */ o(v, { children: e }),
+    /* @__PURE__ */ c(d, { className: "combobox", children: [
+      /* @__PURE__ */ o(
         D,
         {
           className: "combobox-input",
-          placeholder: m,
-          onPointerDown: (s) => {
-            var a;
-            R(s.currentTarget) === s.currentTarget && ((a = c.current) == null || a.click());
-          }
+          placeholder: i,
+          onPointerDown: g(m)
         }
       ),
-      /* @__PURE__ */ r(N, { ref: c, className: "combobox-trigger", children: /* @__PURE__ */ r(T, { "aria-hidden": "true" }) })
+      /* @__PURE__ */ o(h, { ref: m, className: "combobox-trigger", children: /* @__PURE__ */ o(j, { "aria-hidden": "true" }) })
     ] }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ o(
       C,
       {
         className: "combobox-popover",
-        UNSTABLE_portalContainer: b,
-        children: /* @__PURE__ */ r(k, { items: f, children: l })
+        UNSTABLE_portalContainer: x,
+        children: /* @__PURE__ */ o(k, { items: l, children: a })
       }
     ),
-    t && /* @__PURE__ */ r(L, { children: t }),
-    /* @__PURE__ */ r(w, { children: n })
+    t && /* @__PURE__ */ o(L, { children: t }),
+    /* @__PURE__ */ o(P, { children: n })
   ] }) });
 }
-function y({ ...o }) {
-  return /* @__PURE__ */ r(B, { menuTrigger: "focus", ...o });
+function E({ ...r }) {
+  return /* @__PURE__ */ o(N, { menuTrigger: "focus", ...r });
 }
-function M({ children: o, className: e, ...t }) {
-  const n = u(e, "combobox-item");
-  return /* @__PURE__ */ r(O, { textValue: typeof o == "string" ? o : "", className: n, ...t, children: /* @__PURE__ */ i(d, { children: [
-    /* @__PURE__ */ r(P, { className: "combobox-item-check" }),
-    o
+function q({ children: r, className: e, ...t }) {
+  const n = s(e, "combobox-item");
+  return /* @__PURE__ */ o(w, { textValue: typeof r == "string" ? r : "", className: n, ...t, children: /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ o(y, { className: "combobox-item-check" }),
+    r
   ] }) });
 }
 export {
-  y as ComboBox,
-  J as ComboBoxField,
-  M as ComboBoxItem
+  E as ComboBox,
+  $ as ComboBoxField,
+  q as ComboBoxItem
 };
 //# sourceMappingURL=ComboBox.js.map

package/dist/lib/ui/primitives/ComboBox/ComboBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComboBox.js","sources":["../../../../../src/ui/primitives/ComboBox/ComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n Description,\n Field,\n FieldError,\n Input,\n ListBox,\n ListBoxItem,\n Label,\n SharedFieldProps,\n type ListBoxItemProps,\n} from \"primitives\";\nimport { ~~useEffect,~~ useRef } from \"react\";\nimport {\n Button as RACButton,\n ComboBox as RACComboBox,\n Group as RACGroup,\n Popover as RACPopover,\n type ComboBoxProps as RACComboBoxProps,\n} from \"react-aria-components\";\nimport \"./combobox.css\";\n\nexport interface ComboBoxFieldProps<T extends object>\n extends Omit<ComboBoxProps<T>, \"children\">,\n SharedFieldProps {\n items?: Iterable<T>;\n children: React.ReactNode \| ((item: T) => React.ReactNode);\n}\n\n// `document.activeElement` para no host da shadow root: quem sabe o que está focado\n// dentro dela é a própria raiz. Ver ui/hooks/useOverlayPortal.\nfunction activeElementOf(element: Element): Element \| null {\n const root = element.getRootNode();\n return root instanceof ShadowRoot \|\| root instanceof Document\n ? root.activeElement\n : null;\n}\n\n// O react-aria pede `preventFocusOnPress` para o botão do dropdown, mas a implementação\n// dele guarda `document.activeElement` — que dentro de uma shadow root devolve o host, e\n// não o input. O botão fica com o foco de verdade, o input nunca mais recebe blur, e a\n// partir daí só escolher um item fecha o dropdown: clicar fora não fecha nada. Impedir o\n// padrão do mousedown é o que mantém o foco no input, dentro e fora da shadow root.\n//\n// Via listener nativo, e não por prop: o `useButton` do react-aria só repassa ao <button>\n// os handlers que ele mesmo declara, e descarta um `onMouseDown` vindo de fora.\nfunction useKeepFocusOnInput(triggerRef: React.RefObject<HTMLButtonElement \| null>): void {\n useEffect(() => {\n const trigger: HTMLButtonElement \| null = triggerRef.current;\n if (!trigger) return undefined;\n\n function preventFocus(event: MouseEvent): void {\n event.preventDefault();\n }\n\n trigger.addEventListener(\"mousedown\", preventFocus);\n return () => trigger.removeEventListener(\"mousedown\", preventFocus);\n }, [triggerRef]);\n}\n\nexport function ComboBoxField<T extends object>({\n className,\n label,\n description,\n errorMessage,\n placeholder,\n children,\n items,\n ...props\n}: ComboBoxFieldProps<T>) {\n const classNames = clsx(className, \"combobox-container\");\n const triggerRef = useRef<HTMLButtonElement \| null>(null);\n useKeepFocusOnInput(triggerRef);\n // Sem container explícito o dropdown faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n return (\n <ComboBox className={classNames} {...props}>\n <Field>\n {label && <Label>{label}</Label>}\n <RACGroup className=\"combobox\">\n <Input\n className=\"combobox-input\"\n placeholder={placeholder}\n onPointerDown={(~~event) => {\n if (activeElementOf(event.currentTarget) === event.currentTarget) {\n~~ triggerRef~~.current?.click(~~)~~;\n~~ }\n ~~}}\n~~ />\n <RACButton ref={triggerRef} className=\"combobox-trigger\">\n <IconChevronDown aria-hidden=\"true\" />\n </RACButton>\n </RACGroup>\n <RACPopover\n className=\"combobox-popover\"\n UNSTABLE_portalContainer={portalContainer}\n >\n <ListBox items={items}>{children}</ListBox>\n </RACPopover>\n {description && <Description>{description}</Description>}\n <FieldError>{errorMessage}</FieldError>\n </Field>\n </ComboBox>\n );\n}\n\nexport type ComboBoxProps<T extends object> = RACComboBoxProps<T>;\nexport function ComboBox<T extends object>({ ...props }: ComboBoxProps<T>) {\n return <RACComboBox<T> menuTrigger=\"focus\" {...props} />;\n}\n\nexport type ComboBoxItemProps = ListBoxItemProps;\nexport function ComboBoxItem({ children, className, ...props }: ComboBoxItemProps) {\n const classNames = clsx(className, \"combobox-item\");\n const textValue = typeof children === \"string\" ? children : \"\";\n return (\n <ListBoxItem textValue={textValue} className={classNames} {...props}>\n <>\n <IconCheck className=\"combobox-item-check\" />\n {children}\n </>\n </ListBoxItem>\n );\n}\n"],"names":["~~activeElementOf","element","root","useKeepFocusOnInput","triggerRef","useEffect","trigger","preventFocus","event","~~ComboBoxField","className","label","description","errorMessage","placeholder","children","items","props","classNames","clsx","useRef","portalContainer","useOverlayPortalContainer","ComboBox","Field","jsx","Label","jsxs","RACGroup","Input","_a","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACComboBox","ComboBoxItem","ListBoxItem","Fragment","IconCheck"],"mappings":"~~;;;;;;;;;;;AAiCA~~,SAASA,EAAgBC,GAAkC;AACzD,QAAMC,IAAOD,EAAQ,YAAA;AACrB,SAAOC,aAAgB,cAAcA,aAAgB,WACjDA,EAAK,gBACL;AACN;AAUA,SAASC,EAAoBC,GAA6D;AACxF,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAoCF,EAAW;AACrD,QAAI,CAACE,EAAS;AAEd,aAASC,EAAaC,GAAyB;AAC7C,MAAAA,EAAM,eAAA;AAAA,IACR;AAEA,WAAAF,EAAQ,iBAAiB,aAAaC,CAAY,GAC3C,MAAMD,EAAQ,oBAAoB,aAAaC,CAAY;AAAA,EACpE,GAAG,CAACH,CAAU,CAAC;AACjB;AAEO,SAASK,EAAgC;AAAA,EAC9C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAaC,EAAKT,GAAW,oBAAoB,~~GACjDN~~,~~IAAagB~~,EAAiC,IAAI;AACxD,~~EAAAjB~~,~~EAAoBC~~,CAAU;AAG9B,~~QAAMiB~~,IAAkBC,EAAA;AACxB,2BACGC,GAAA,EAAS,~~WAAWL~~,GAAa,GAAGD,GACnC,~~4BAACO~~,GAAA,EACE,UAAA;AAAA,~~IAAAb~~,KAAS,~~gBAAAc~~,EAACC,KAAO,~~UAAAf~~,EAAA,CAAM;AAAA,IACxB,~~gBAAAgB~~,EAACC,GAAA,EAAS,WAAU,YAClB,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,~~aAAAf~~;AAAA,UACA,~~eAAe~~,~~CAACN~~,~~MAAU;;AACxB,YAAIR,EAAgBQ,EAAM,aAAa,MAAMA,EAAM,mBACjDsB,IAAA1B,EAAW,YAAX,QAAA0B,EAAoB~~;AAAA,~~UAExB;AAAA,~~QAAA;AAAA,MAAA;AAAA,~~MAEF~~,~~gBAAAL~~,EAACM,GAAA,EAAU,~~KAAK3B~~,GAAY,WAAU,oBACpC,UAAA,~~gBAAAqB~~,EAACO,GAAA,EAAgB,eAAY,OAAA,CAAO,EAAA,CACtC;AAAA,IAAA,GACF;AAAA,IACA,gBAAAP;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,0BAA0BZ;AAAA,QAE1B,UAAA,gBAAAI,EAACS,GAAA,EAAQ,~~OAAAlB~~,GAAe,UAAAD,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAElCH,KAAe,~~gBAAAa~~,EAACU,GAAA,EAAa,~~UAAAvB~~,EAAA,CAAY;AAAA,IAC1C,~~gBAAAa~~,EAACW,KAAY,~~UAAAvB~~,EAAA,CAAa;AAAA,EAAA,EAAA,CAC5B,EAAA,CACF;AAEJ;AAGO,~~SAASU~~,EAA2B,EAAE,~~GAAGN~~,KAA2B;AACzE,SAAO,~~gBAAAQ~~,EAACY,GAAA,EAAe,aAAY,SAAS,~~GAAGpB~~,GAAO;AACxD;AAGO,~~SAASqB~~,EAAa,EAAE,~~UAAAvB~~,GAAU,WAAAL,GAAW,GAAGO,KAA4B;AACjF,QAAMC,IAAaC,EAAKT,GAAW,eAAe;AAElD,~~2BACG6B~~,GAAA,EAAY,WAFG,~~OAAOxB~~,KAAa,WAAWA,IAAW,IAEvB,WAAWG,GAAa,GAAGD,GAC5D,UAAA,~~gBAAAU~~,EAAAa,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAf,EAACgB,GAAA,EAAU,WAAU,sBAAA,CAAsB;AAAA,~~IAC1C1B~~;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"ComboBox.js","sources":["../../../../../src/ui/primitives/ComboBox/ComboBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconCheck, IconChevronDown } from \"icons\";\nimport {\n Description,\n Field,\n FieldError,\n Input,\n ListBox,\n ListBoxItem,\n Label,\n SharedFieldProps,\n type ListBoxItemProps,\n} from \"primitives\";\nimport { useRef } from \"react\";\nimport {\n Button as RACButton,\n ComboBox as RACComboBox,\n Group as RACGroup,\n Popover as RACPopover,\n type ComboBoxProps as RACComboBoxProps,\n} from \"react-aria-components\";\nimport {\n openMenuWhenFocusedInputIsPressed,\n useKeepFocusOnInput,\n} from \"./comboBoxFocus\";\nimport \"./combobox.css\";\n\nexport interface ComboBoxFieldProps<T extends object>\n extends Omit<ComboBoxProps<T>, \"children\">,\n SharedFieldProps {\n items?: Iterable<T>;\n children: React.ReactNode \| ((item: T) => React.ReactNode);\n}\n\nexport function ComboBoxField<T extends object>({\n className,\n label,\n description,\n errorMessage,\n placeholder,\n children,\n items,\n ...props\n}: ComboBoxFieldProps<T>) {\n const classNames = clsx(className, \"combobox-container\");\n const triggerRef = useRef<HTMLButtonElement \| null>(null);\n useKeepFocusOnInput(triggerRef);\n // Sem container explícito o dropdown faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n return (\n <ComboBox className={classNames} {...props}>\n <Field>\n {label && <Label>{label}</Label>}\n <RACGroup className=\"combobox\">\n <Input\n className=\"combobox-input\"\n placeholder={placeholder}\n onPointerDown={openMenuWhenFocusedInputIsPressed(triggerRef)}\n />\n <RACButton ref={triggerRef} className=\"combobox-trigger\">\n <IconChevronDown aria-hidden=\"true\" />\n </RACButton>\n </RACGroup>\n <RACPopover\n className=\"combobox-popover\"\n UNSTABLE_portalContainer={portalContainer}\n >\n <ListBox items={items}>{children}</ListBox>\n </RACPopover>\n {description && <Description>{description}</Description>}\n <FieldError>{errorMessage}</FieldError>\n </Field>\n </ComboBox>\n );\n}\n\nexport type ComboBoxProps<T extends object> = RACComboBoxProps<T>;\nexport function ComboBox<T extends object>({ ...props }: ComboBoxProps<T>) {\n return <RACComboBox<T> menuTrigger=\"focus\" {...props} />;\n}\n\nexport type ComboBoxItemProps = ListBoxItemProps;\nexport function ComboBoxItem({ children, className, ...props }: ComboBoxItemProps) {\n const classNames = clsx(className, \"combobox-item\");\n const textValue = typeof children === \"string\" ? children : \"\";\n return (\n <ListBoxItem textValue={textValue} className={classNames} {...props}>\n <>\n <IconCheck className=\"combobox-item-check\" />\n {children}\n </>\n </ListBoxItem>\n );\n}\n"],"names":["ComboBoxField","className","label","description","errorMessage","placeholder","children","items","props","classNames","clsx","triggerRef","useRef","useKeepFocusOnInput","portalContainer","useOverlayPortalContainer","ComboBox","Field","jsx","Label","jsxs","RACGroup","Input","openMenuWhenFocusedInputIsPressed","RACButton","IconChevronDown","RACPopover","ListBox","Description","FieldError","RACComboBox","ComboBoxItem","ListBoxItem","Fragment","IconCheck"],"mappings":";;;;;;;;;;;;AAmCO,SAASA,EAAgC;AAAA,EAC9C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAaC,EAAKT,GAAW,oBAAoB,GACjDU,IAAaC,EAAiC,IAAI;AACxD,EAAAC,EAAoBF,CAAU;AAG9B,QAAMG,IAAkBC,EAAA;AACxB,2BACGC,GAAA,EAAS,WAAWP,GAAa,GAAGD,GACnC,4BAACS,GAAA,EACE,UAAA;AAAA,IAAAf,KAAS,gBAAAgB,EAACC,KAAO,UAAAjB,EAAA,CAAM;AAAA,IACxB,gBAAAkB,EAACC,GAAA,EAAS,WAAU,YAClB,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAAjB;AAAA,UACA,eAAekB,EAAkCZ,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAE7D,gBAAAO,EAACM,GAAA,EAAU,KAAKb,GAAY,WAAU,oBACpC,UAAA,gBAAAO,EAACO,GAAA,EAAgB,eAAY,OAAA,CAAO,EAAA,CACtC;AAAA,IAAA,GACF;AAAA,IACA,gBAAAP;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,0BAA0BZ;AAAA,QAE1B,UAAA,gBAAAI,EAACS,GAAA,EAAQ,OAAApB,GAAe,UAAAD,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAElCH,KAAe,gBAAAe,EAACU,GAAA,EAAa,UAAAzB,EAAA,CAAY;AAAA,IAC1C,gBAAAe,EAACW,KAAY,UAAAzB,EAAA,CAAa;AAAA,EAAA,EAAA,CAC5B,EAAA,CACF;AAEJ;AAGO,SAASY,EAA2B,EAAE,GAAGR,KAA2B;AACzE,SAAO,gBAAAU,EAACY,GAAA,EAAe,aAAY,SAAS,GAAGtB,GAAO;AACxD;AAGO,SAASuB,EAAa,EAAE,UAAAzB,GAAU,WAAAL,GAAW,GAAGO,KAA4B;AACjF,QAAMC,IAAaC,EAAKT,GAAW,eAAe;AAElD,2BACG+B,GAAA,EAAY,WAFG,OAAO1B,KAAa,WAAWA,IAAW,IAEvB,WAAWG,GAAa,GAAGD,GAC5D,UAAA,gBAAAY,EAAAa,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAf,EAACgB,GAAA,EAAU,WAAU,sBAAA,CAAsB;AAAA,IAC1C5B;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}