@skdx/react 0.29.0 → 0.31.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.
- package/dist/accordion/Accordion.cjs +1 -1
- package/dist/accordion/Accordion.js +1 -1
- package/dist/autocomplete/Autocomplete.cjs +1 -1
- package/dist/autocomplete/Autocomplete.js +1 -1
- package/dist/avatar/Avatar.cjs +1 -1
- package/dist/avatar/Avatar.d.cts +1 -1
- package/dist/avatar/Avatar.d.ts +1 -1
- package/dist/avatar/Avatar.js +1 -1
- package/dist/backdrop/Backdrop.cjs +2 -0
- package/dist/backdrop/Backdrop.d.cts +9 -0
- package/dist/backdrop/Backdrop.d.ts +9 -0
- package/dist/backdrop/Backdrop.js +2 -0
- package/dist/backdrop/index.d.cts +2 -0
- package/dist/backdrop/index.d.ts +2 -0
- package/dist/backdrop/types.d.cts +3 -0
- package/dist/backdrop/types.d.ts +3 -0
- package/dist/button/Button.cjs +1 -1
- package/dist/button/Button.js +1 -1
- package/dist/checkbox-card/CheckboxCard.cjs +1 -1
- package/dist/checkbox-card/CheckboxCard.js +1 -1
- package/dist/checkbox-group/CheckboxGroup.cjs +1 -1
- package/dist/checkbox-group/CheckboxGroup.js +1 -1
- package/dist/checkbox-group/CheckboxGroupAnatomy.d.cts +10 -1
- package/dist/checkbox-group/CheckboxGroupAnatomy.d.ts +10 -1
- package/dist/checkbox-group/CheckboxGroupItem.d.cts +2 -1
- package/dist/checkbox-group/CheckboxGroupItem.d.ts +2 -1
- package/dist/checkbox-group/CheckboxGroupSelectAll.d.cts +3 -2
- package/dist/checkbox-group/CheckboxGroupSelectAll.d.ts +3 -2
- package/dist/chip/Chip.cjs +2 -0
- package/dist/chip/Chip.d.cts +9 -0
- package/dist/chip/Chip.d.ts +9 -0
- package/dist/chip/Chip.js +2 -0
- package/dist/chip/index.d.cts +2 -0
- package/dist/chip/index.d.ts +2 -0
- package/dist/chip/types.d.cts +3 -0
- package/dist/chip/types.d.ts +3 -0
- package/dist/color-picker/ColorPicker.cjs +1 -1
- package/dist/color-picker/ColorPicker.js +1 -1
- package/dist/combobox/Combobox.cjs +1 -1
- package/dist/combobox/Combobox.js +1 -1
- package/dist/date-picker/DatePicker.cjs +1 -1
- package/dist/date-picker/DatePicker.js +1 -1
- package/dist/date-picker/DatePickerTimeField.d.cts +1 -1
- package/dist/date-picker/DatePickerTimeField.d.ts +1 -1
- package/dist/date-range-picker/DateRangePicker.cjs +2 -0
- package/dist/date-range-picker/DateRangePicker.d.cts +9 -0
- package/dist/date-range-picker/DateRangePicker.d.ts +9 -0
- package/dist/date-range-picker/DateRangePicker.js +2 -0
- package/dist/date-range-picker/index.d.cts +2 -0
- package/dist/date-range-picker/index.d.ts +2 -0
- package/dist/date-range-picker/types.d.cts +3 -0
- package/dist/date-range-picker/types.d.ts +3 -0
- package/dist/date-time-picker/DateTimePicker.cjs +2 -0
- package/dist/date-time-picker/DateTimePicker.d.cts +9 -0
- package/dist/date-time-picker/DateTimePicker.d.ts +9 -0
- package/dist/date-time-picker/DateTimePicker.js +2 -0
- package/dist/date-time-picker/index.d.cts +2 -0
- package/dist/date-time-picker/index.d.ts +2 -0
- package/dist/date-time-picker/types.d.cts +3 -0
- package/dist/date-time-picker/types.d.ts +3 -0
- package/dist/dialog/Dialog.cjs +1 -1
- package/dist/dialog/Dialog.js +1 -1
- package/dist/dialog/Dialogs.d.cts +24 -0
- package/dist/dialog/Dialogs.d.ts +24 -0
- package/dist/dialog/index.d.cts +2 -1
- package/dist/dialog/index.d.ts +2 -1
- package/dist/dialog/types.d.cts +6 -0
- package/dist/dialog/types.d.ts +6 -0
- package/dist/fab/Fab.cjs +2 -0
- package/dist/fab/Fab.d.cts +9 -0
- package/dist/fab/Fab.d.ts +9 -0
- package/dist/fab/Fab.js +2 -0
- package/dist/fab/index.d.cts +2 -0
- package/dist/fab/index.d.ts +2 -0
- package/dist/fab/types.d.cts +3 -0
- package/dist/fab/types.d.ts +3 -0
- package/dist/field/Field.cjs +1 -1
- package/dist/field/Field.js +1 -1
- package/dist/floating-panel/FloatingPanel.cjs +1 -1
- package/dist/floating-panel/FloatingPanel.js +1 -1
- package/dist/floating-panel/types.d.cts +4 -0
- package/dist/floating-panel/types.d.ts +4 -0
- package/dist/gauge/Gauge.cjs +2 -0
- package/dist/gauge/Gauge.d.cts +9 -0
- package/dist/gauge/Gauge.d.ts +9 -0
- package/dist/gauge/Gauge.js +2 -0
- package/dist/gauge/index.d.cts +2 -0
- package/dist/gauge/index.d.ts +2 -0
- package/dist/gauge/types.d.cts +3 -0
- package/dist/gauge/types.d.ts +3 -0
- package/dist/grid/Grid.cjs +2 -0
- package/dist/grid/Grid.d.cts +9 -0
- package/dist/grid/Grid.d.ts +9 -0
- package/dist/grid/Grid.js +2 -0
- package/dist/grid/index.d.cts +2 -0
- package/dist/grid/index.d.ts +2 -0
- package/dist/grid/types.d.cts +3 -0
- package/dist/grid/types.d.ts +3 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +15 -1
- package/dist/index.d.ts +15 -1
- package/dist/index.js +1 -1
- package/dist/link/Link.cjs +1 -1
- package/dist/link/Link.js +1 -1
- package/dist/listbox/Listbox.cjs +1 -1
- package/dist/listbox/Listbox.js +1 -1
- package/dist/paper/Paper.cjs +2 -0
- package/dist/paper/Paper.d.cts +9 -0
- package/dist/paper/Paper.d.ts +9 -0
- package/dist/paper/Paper.js +2 -0
- package/dist/paper/index.d.cts +2 -0
- package/dist/paper/index.d.ts +2 -0
- package/dist/paper/types.d.cts +3 -0
- package/dist/paper/types.d.ts +3 -0
- package/dist/password-input/types.d.cts +6 -2
- package/dist/password-input/types.d.ts +6 -2
- package/dist/primitives/table.cjs +1 -1
- package/dist/primitives/table.js +1 -1
- package/dist/scroll-area/ScrollArea.cjs +1 -1
- package/dist/scroll-area/ScrollArea.js +1 -1
- package/dist/speed-dial/SpeedDial.cjs +1 -1
- package/dist/speed-dial/SpeedDial.d.cts +1 -1
- package/dist/speed-dial/SpeedDial.d.ts +1 -1
- package/dist/speed-dial/SpeedDial.js +1 -1
- package/dist/speed-dial/SpeedDialAnatomy.d.cts +2 -1
- package/dist/speed-dial/SpeedDialAnatomy.d.ts +2 -1
- package/dist/speed-dial/types.d.cts +5 -0
- package/dist/speed-dial/types.d.ts +5 -0
- package/dist/stack/Stack.cjs +2 -0
- package/dist/stack/Stack.d.cts +9 -0
- package/dist/stack/Stack.d.ts +9 -0
- package/dist/stack/Stack.js +2 -0
- package/dist/stack/index.d.cts +2 -0
- package/dist/stack/index.d.ts +2 -0
- package/dist/stack/types.d.cts +3 -0
- package/dist/stack/types.d.ts +3 -0
- package/dist/table/Table.cjs +1 -1
- package/dist/table/Table.d.cts +2 -2
- package/dist/table/Table.d.ts +2 -2
- package/dist/table/Table.js +1 -1
- package/dist/table/TableAnatomy.d.cts +2 -1
- package/dist/table/TableAnatomy.d.ts +2 -1
- package/dist/table/TableColumnHeaderFilterInput.d.cts +18 -0
- package/dist/table/TableColumnHeaderFilterInput.d.ts +18 -0
- package/dist/table/TableHeaderCell.d.cts +1 -1
- package/dist/table/TableHeaderCell.d.ts +1 -1
- package/dist/table/index.d.cts +1 -1
- package/dist/table/index.d.ts +1 -1
- package/dist/table/primitives.d.cts +2 -1
- package/dist/table/primitives.d.ts +2 -1
- package/dist/table/types.d.cts +52 -0
- package/dist/table/types.d.ts +52 -0
- package/dist/table/useTableFilter.d.cts +3 -0
- package/dist/table/useTableFilter.d.ts +3 -0
- package/dist/time/Time.cjs +1 -1
- package/dist/time/Time.d.cts +1 -1
- package/dist/time/Time.d.ts +1 -1
- package/dist/time/Time.js +1 -1
- package/dist/timeline/Timeline.cjs +1 -1
- package/dist/timeline/Timeline.d.cts +1 -1
- package/dist/timeline/Timeline.d.ts +1 -1
- package/dist/timeline/Timeline.js +1 -1
- package/dist/tooltip/Tooltip.cjs +2 -0
- package/dist/tooltip/Tooltip.d.cts +16 -0
- package/dist/tooltip/Tooltip.d.ts +16 -0
- package/dist/tooltip/Tooltip.js +2 -0
- package/dist/tooltip/index.d.cts +2 -0
- package/dist/tooltip/index.d.ts +2 -0
- package/dist/tooltip/types.d.cts +3 -0
- package/dist/tooltip/types.d.ts +3 -0
- package/dist/utils/csv.cjs +3 -0
- package/dist/utils/csv.d.cts +43 -0
- package/dist/utils/csv.d.ts +43 -0
- package/dist/utils/csv.js +3 -0
- package/dist/utils/dialogs.cjs +2 -0
- package/dist/utils/dialogs.d.cts +96 -0
- package/dist/utils/dialogs.d.ts +96 -0
- package/dist/utils/dialogs.js +2 -0
- package/dist/utils/dismissal.cjs +1 -1
- package/dist/utils/dismissal.d.cts +7 -0
- package/dist/utils/dismissal.d.ts +7 -0
- package/dist/utils/dismissal.js +1 -1
- package/dist/utils/field-core.cjs +1 -1
- package/dist/utils/field-core.d.cts +2 -0
- package/dist/utils/field-core.d.ts +2 -0
- package/dist/utils/field-core.js +1 -1
- package/dist/utils/media-query.cjs +2 -0
- package/dist/utils/media-query.d.cts +7 -0
- package/dist/utils/media-query.d.ts +7 -0
- package/dist/utils/media-query.js +2 -0
- package/dist/utils/useDismiss.cjs +1 -1
- package/dist/utils/useDismiss.js +1 -1
- package/dist/utils/useMediaQuery.cjs +2 -0
- package/dist/utils/useMediaQuery.d.cts +10 -0
- package/dist/utils/useMediaQuery.d.ts +10 -0
- package/dist/utils/useMediaQuery.js +2 -0
- package/package.json +102 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var ct=Object.create;var J=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var ft=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var Pt=(e,o)=>{for(var t in o)J(e,t,{get:o[t],enumerable:!0})},be=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of ut(o))!pt.call(e,a)&&a!==t&&J(e,a,{get:()=>o[a],enumerable:!(n=mt(o,a))||n.enumerable});return e};var _=(e,o,t)=>(t=e!=null?ct(ft(e)):{},be(o||!e||!e.__esModule?J(t,"default",{value:e,enumerable:!0}):t,e)),ht=e=>be(J({},"__esModule",{value:!0}),e);var Dt={};Pt(Dt,{FloatingPanel:()=>Re,FloatingPanelCloseTrigger:()=>W,FloatingPanelContent:()=>Z,FloatingPanelHeader:()=>Q,FloatingPanelPortal:()=>j,FloatingPanelProvider:()=>Je,FloatingPanelResizeTrigger:()=>te,FloatingPanelRoot:()=>ye,FloatingPanelStageTrigger:()=>oe,FloatingPanelTitle:()=>ae,FloatingPanelTrigger:()=>Ze,gestureAnnouncement:()=>he,useFloatingPanelContext:()=>u});module.exports=ht(Dt);var f=_(require("react"),1),H=require("../utils/clamp.cjs"),Ge=require("../utils/createContext.cjs"),Ye=require("../utils/liveAnnouncer.cjs"),re=require("../utils/useCallbackRef.cjs"),G=require("../utils/useControllableState.cjs"),$e=require("../utils/useOpenChangeComplete.cjs");var Xe=require("../utils/Glyph.cjs");var xe=require("../utils/part.cjs"),V=require("../utils/primitive.cjs");var we=require("react/jsx-runtime"),W=({ref:e,...o})=>{let t=u("FloatingPanelCloseTrigger");return(0,we.jsx)(V.Primitive.button,{type:"button",...o,...(0,xe.skdxPart)("floating-panel","close-trigger",o.className),ref:e,onClick:(0,V.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})};W.displayName="FloatingPanelCloseTrigger";var ue=_(require("react"),1),Te=require("../utils/composeRefs.cjs"),Ce=require("../utils/part.cjs"),ze=require("../utils/presence.cjs"),ve=require("../utils/primitive.cjs"),Ee=require("../utils/useDismiss.cjs");var De=require("react/jsx-runtime"),Z=({forceMount:e,onEscapeKeyDown:o,onPointerDownOutside:t,onFocusOutside:n,onInteractOutside:a,style:c,ref:l,...y})=>{let r=u("FloatingPanelContent"),z=(0,Te.useComposedRefs)(l,r.contentRef),{setContentPresent:R}=r,x=(0,ze.usePresence)(r.open,r.contentRef);if(ue.useEffect(()=>{R(x)},[x,R]),ue.useEffect(()=>()=>R(!1),[R]),(0,Ee.useDismiss)({enabled:r.open,onEscapeKeyDown:P=>{o?.(P),P.defaultPrevented||r.onOpenChange(!1)},onInteractOutside:a,onPointerDownOutside:P=>{t?.(P),P.defaultPrevented||r.onOpenChange(!1)},onFocusOutside:n},[r.contentRef,r.triggerRef]),!e&&!x)return null;let{position:w,size:i,stage:d}=r,p=d==="maximized"?{x:"0px",y:"0px",width:"100%",height:"100%"}:{x:`${w.x}px`,y:`${w.y}px`,width:`${i.width}px`,height:d==="minimized"?"auto":`${i.height}px`};return(0,De.jsx)(ve.Primitive.div,{role:"dialog","aria-modal":!1,"aria-labelledby":r.hasTitle?r.titleId:void 0,id:r.contentId,"data-state":r.open?"open":"closed","data-stage":d,"data-dragging":r.dragging?"":void 0,"data-resizing":r.resizing?"":void 0,"data-disabled":r.disabled?"":void 0,...y,...(0,Ce.skdxPart)("floating-panel","content",y.className),ref:z,style:{"--skdx-floating-panel-x":p.x,"--skdx-floating-panel-y":p.y,"--skdx-floating-panel-width":p.width,"--skdx-floating-panel-height":p.height,...c}})};Z.displayName="FloatingPanelContent";var fe=_(require("react"),1),q=require("../utils/direction.cjs"),Ie=require("../utils/part.cjs"),D=require("../utils/primitive.cjs");var Se=require("react/jsx-runtime"),yt=10,Rt={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}},Q=({style:e,ref:o,...t})=>{let n=u("FloatingPanelHeader"),a=(0,q.useDirection)(),c=fe.useRef(null),l=fe.useRef(!1),y=n.draggable&&!n.disabled,r=i=>{y&&(i.currentTarget.setPointerCapture?.(i.pointerId),c.current={x:i.clientX,y:i.clientY},n.setDragging(!0))},z=i=>{let d=c.current;!y||!d||(n.moveBy(i.clientX-d.x,i.clientY-d.y),c.current={x:i.clientX,y:i.clientY})},R=i=>{c.current&&(i.currentTarget.releasePointerCapture?.(i.pointerId),c.current=null,n.setDragging(!1),n.announceRelease("move"))},x=i=>{if(!y)return;let d=n.step*(i.shiftKey?yt:1),p=(0,q.directionalKey)(i.key,i.currentTarget,a),P=Rt[p];P&&(i.preventDefault(),l.current=!0,n.moveBy(P.dx*d,P.dy*d))},w=()=>{l.current&&(l.current=!1,n.announceRelease("move"))};return(0,Se.jsx)(D.Primitive.div,{role:"group","aria-disabled":n.disabled||void 0,"aria-keyshortcuts":n.draggable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-dragging":n.dragging?"":void 0,"data-disabled":n.disabled?"":void 0,tabIndex:n.draggable?0:void 0,...t,...(0,Ie.skdxPart)("floating-panel","header",t.className),ref:o,onPointerDown:(0,D.useComposedEventHandlers)(t.onPointerDown,r),onPointerMove:(0,D.useComposedEventHandlers)(t.onPointerMove,z),onPointerUp:(0,D.useComposedEventHandlers)(t.onPointerUp,R),onPointerCancel:(0,D.useComposedEventHandlers)(t.onPointerCancel,R),onKeyDown:(0,D.useComposedEventHandlers)(t.onKeyDown,x),onKeyUp:(0,D.useComposedEventHandlers)(t.onKeyUp,w),style:{touchAction:"none",cursor:y?"move":void 0,...e}})};Q.displayName="FloatingPanelHeader";var Me=require("../utils/portal.cjs");var Ne=require("react/jsx-runtime"),j=({forceMount:e,children:o,...t})=>{let n=u("FloatingPanelPortal");return e||n.open||n.contentPresent?(0,Ne.jsx)(Me.Portal,{...t,children:o}):null};j.displayName="FloatingPanelPortal";var pe=_(require("react"),1),ee=require("../utils/direction.cjs"),Ae=require("../utils/part.cjs"),I=require("../utils/primitive.cjs");var He=require("react/jsx-runtime"),Ft=10,bt={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}};function xt(e){if(e==="e"||e==="w")return"vertical";if(e==="n"||e==="s")return"horizontal"}function wt(e,o){let t=o?e.size.width:e.size.height,n=o?e.minSize.width:e.minSize.height,a=o?e.maxSize.width:e.maxSize.height,c=Number.POSITIVE_INFINITY;e.bounds&&(c=o?e.bounds.width-e.position.x:e.bounds.height-e.position.y);let l=Math.max(n,Math.min(a,c));return{current:t,minimum:n,maximum:l}}var te=({direction:e,style:o,ref:t,...n})=>{let a=u("FloatingPanelResizeTrigger"),c=(0,ee.useDirection)(),l=pe.useRef(null),y=pe.useRef(!1),r=a.resizable&&!a.disabled,z=e.includes("e")||e.includes("w"),{current:R,minimum:x,maximum:w}=wt(a,z),i=xt(e),d=s=>{r&&(s.currentTarget.setPointerCapture?.(s.pointerId),l.current={x:s.clientX,y:s.clientY},a.setResizing(!0))},p=s=>{let T=l.current;!r||!T||(a.resizeBy(e,s.clientX-T.x,s.clientY-T.y),l.current={x:s.clientX,y:s.clientY})},P=s=>{l.current&&(s.currentTarget.releasePointerCapture?.(s.pointerId),l.current=null,a.setResizing(!1),a.announceRelease("resize"))},O=s=>{if(!r)return;let T=a.step*(s.shiftKey?Ft:1),L=(0,ee.directionalKey)(s.key,s.currentTarget,c),v=bt[L];v&&(s.preventDefault(),y.current=!0,a.resizeBy(e,v.dx*T,v.dy*T))},k=()=>{y.current&&(y.current=!1,a.announceRelease("resize"))};return(0,He.jsx)(I.Primitive.div,{role:"separator","aria-orientation":i,"aria-valuenow":Math.round(R),"aria-valuemin":Math.round(x),"aria-valuemax":Number.isFinite(w)?Math.round(w):void 0,"aria-disabled":a.disabled||void 0,"aria-keyshortcuts":a.resizable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-direction":e,"data-resizing":a.resizing?"":void 0,"data-disabled":a.disabled?"":void 0,tabIndex:a.resizable?0:void 0,...n,...(0,Ae.skdxPart)("floating-panel","resize-trigger",n.className),ref:t,onPointerDown:(0,I.useComposedEventHandlers)(n.onPointerDown,d),onPointerMove:(0,I.useComposedEventHandlers)(n.onPointerMove,p),onPointerUp:(0,I.useComposedEventHandlers)(n.onPointerUp,P),onPointerCancel:(0,I.useComposedEventHandlers)(n.onPointerCancel,P),onKeyDown:(0,I.useComposedEventHandlers)(n.onKeyDown,O),onKeyUp:(0,I.useComposedEventHandlers)(n.onKeyUp,k),style:{touchAction:"none",cursor:r?`${e}-resize`:void 0,...o}})};te.displayName="FloatingPanelResizeTrigger";var Oe=require("../utils/part.cjs"),ne=require("../utils/primitive.cjs");var ke=require("react/jsx-runtime"),oe=({stage:e,ref:o,...t})=>{let n=u("FloatingPanelStageTrigger"),a=n.stage===e;return(0,ke.jsx)(ne.Primitive.button,{type:"button","aria-pressed":a,"aria-disabled":n.disabled||void 0,"data-stage":n.stage,"data-state":a?"on":"off","data-disabled":n.disabled?"":void 0,...t,...(0,Oe.skdxPart)("floating-panel","stage-trigger",t.className),ref:o,onClick:(0,ne.composeEventHandlers)(t.onClick,()=>{n.disabled||n.onStageChange(a?"default":e)})})};oe.displayName="FloatingPanelStageTrigger";var Le=_(require("react"),1),Ue=require("../utils/part.cjs"),Ke=require("../utils/primitive.cjs");var Be=require("react/jsx-runtime"),ae=({ref:e,...o})=>{let t=u("FloatingPanelTitle"),{setHasTitle:n}=t;return Le.useEffect(()=>(n(!0),()=>n(!1)),[n]),(0,Be.jsx)(Ke.Primitive.h2,{id:t.titleId,...o,...(0,Ue.skdxPart)("floating-panel","title",o.className),ref:e})};ae.displayName="FloatingPanelTitle";var C=require("react/jsx-runtime"),Tt=()=>(0,C.jsx)(Xe.Glyph,{name:"close"}),_e=({title:e,stages:o=[],dismissible:t,resizable:n,children:a,passThrough:c})=>(0,C.jsx)(j,{children:(0,C.jsxs)(Z,{...c,children:[(0,C.jsxs)(Q,{"aria-label":"Drag to move panel",children:[e?(0,C.jsx)(ae,{children:e}):null,o.map(l=>(0,C.jsx)(oe,{stage:l.stage,children:l.label},l.stage)),t?(0,C.jsx)(W,{"aria-label":"Close",children:(0,C.jsx)(Tt,{})}):null]}),a,n?(0,C.jsx)(te,{direction:"se","aria-label":"Resize panel"}):null]})});var le=require("react/jsx-runtime");function he(e,{position:o,size:t}){return e==="move"?`Panel moved to ${o.x}, ${o.y}`:`Panel resized to ${t.width} by ${t.height}`}var[Je,u]=(0,Ge.createSafeContext)("FloatingPanel"),Ct={x:0,y:0},zt={width:320,height:240},vt={width:160,height:120},Et={width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY};function Pe(e){let o=e?.current;if(o){let t=o.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}function ie(e,o,t,n){return(0,H.clamp)(e,o,Math.max(o,Math.min(t,n)))}function ye({children:e,open:o,defaultOpen:t=!1,onOpenChange:n,onOpenChangeComplete:a,position:c,defaultPosition:l=Ct,onPositionChange:y,onPositionCommit:r,size:z,defaultSize:R=zt,onSizeChange:x,onSizeCommit:w,minSize:i=vt,maxSize:d=Et,boundary:p,stage:P,defaultStage:O="default",onStageChange:k,draggable:s=!0,resizable:T=!0,step:L=10,disabled:v=!1,getGestureAnnouncement:ge}){let Y=f.useRef(null),U=f.useRef(null),[de,ce]=f.useState(!1),[Qe,je]=f.useState(!1),[et,tt]=f.useState(!1),[nt,ot]=f.useState(!1),[S,at]=f.useState(null),[M=!1,it]=(0,G.useControllableState)({prop:o,defaultProp:t,onChange:n}),[h=l,$]=(0,G.useControllableState)({prop:c,defaultProp:l,onChange:y}),[m=R,me]=(0,G.useControllableState)({prop:z,defaultProp:R,onChange:x}),[rt="default",lt]=(0,G.useControllableState)({prop:P,defaultProp:O,onChange:k});(0,$e.useOpenChangeComplete)(M,U,a),f.useEffect(()=>{let g=()=>at(Pe(p));g();let b=p?.current;if(b&&typeof ResizeObserver<"u"){let F=new ResizeObserver(g);return F.observe(b),()=>F.disconnect()}return window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},[p]),f.useEffect(()=>{if(!S)return;let g=Math.min(m.width,Math.max(i.width,S.width)),b=Math.min(m.height,Math.max(i.height,S.height));(g!==m.width||b!==m.height)&&me({width:g,height:b});let F=(0,H.clamp)(h.x,0,Math.max(0,S.width-g)),E=(0,H.clamp)(h.y,0,Math.max(0,S.height-b));(F!==h.x||E!==h.y)&&$({x:F,y:E})},[S,m,i,h,me,$]);let Fe=f.useRef(M);f.useEffect(()=>{if(Fe.current&&!M){let g=document.activeElement;(!g||g===document.body||U.current?.contains(g))&&Y.current?.focus()}Fe.current=M},[M]);let st=(0,re.useCallbackRef)((g,b)=>{if(v||!s)return;let F=Pe(p),E={x:(0,H.clamp)(h.x+g,0,Math.max(0,F.width-m.width)),y:(0,H.clamp)(h.y+b,0,Math.max(0,F.height-m.height))};(E.x!==h.x||E.y!==h.y)&&$(E)}),gt=(0,re.useCallbackRef)((g,b,F)=>{if(v||!T)return;let E=Pe(p),{x:K,y:B}=h,{width:N,height:A}=m;if(g.includes("e")&&(N=ie(m.width+b,i.width,d.width,E.width-K)),g.includes("w")){let X=K+N;N=ie(m.width-b,i.width,d.width,X),K=X-N}if(g.includes("s")&&(A=ie(m.height+F,i.height,d.height,E.height-B)),g.includes("n")){let X=B+A;A=ie(m.height-F,i.height,d.height,X),B=X-A}(N!==m.width||A!==m.height)&&me({width:N,height:A}),(K!==h.x||B!==h.y)&&$({x:K,y:B})}),dt=(0,re.useCallbackRef)(g=>{g==="resize"&&w?.(m),r?.(h);let b={position:{x:Math.round(h.x),y:Math.round(h.y)},size:{width:Math.round(m.width),height:Math.round(m.height)}},F=(ge??he)(g,b);F&&(0,Ye.announce)(F)});return(0,le.jsx)(Je,{triggerRef:Y,contentRef:U,contentId:f.useId(),titleId:f.useId(),hasTitle:nt,setHasTitle:ot,open:M,onOpenChange:it,position:h,size:m,minSize:i,maxSize:d,bounds:S,stage:rt,onStageChange:lt,moveBy:st,resizeBy:gt,announceRelease:dt,draggable:s,resizable:T,disabled:v,step:L,dragging:de,setDragging:ce,resizing:Qe,setResizing:je,contentPresent:et,setContentPresent:tt,children:e})}ye.displayName="FloatingPanelRoot";function Re({children:e,title:o,stages:t,dismissible:n=!0,resizable:a=!0,open:c,defaultOpen:l,onOpenChange:y,onOpenChangeComplete:r,position:z,defaultPosition:R,onPositionChange:x,onPositionCommit:w,size:i,defaultSize:d,onSizeChange:p,onSizeCommit:P,minSize:O,maxSize:k,boundary:s,stage:T,defaultStage:L,onStageChange:v,draggable:ge,step:Y,disabled:U,getGestureAnnouncement:de,...ce}){return(0,le.jsx)(ye,{open:c,defaultOpen:l,onOpenChange:y,onOpenChangeComplete:r,position:z,defaultPosition:R,onPositionChange:x,onPositionCommit:w,size:i,defaultSize:d,onSizeChange:p,onSizeCommit:P,minSize:O,maxSize:k,boundary:s,stage:T,defaultStage:L,onStageChange:v,draggable:ge,resizable:a,step:Y,disabled:U,getGestureAnnouncement:de,children:(0,le.jsx)(_e,{title:o,stages:t,dismissible:n,resizable:a,passThrough:ce,children:e})})}Re.displayName="FloatingPanel";var Ve=require("../utils/composeRefs.cjs"),We=require("../utils/part.cjs"),se=require("../utils/primitive.cjs");var qe=require("react/jsx-runtime"),Ze=({ref:e,...o})=>{let t=u("FloatingPanelTrigger"),n=(0,Ve.useComposedRefs)(e,t.triggerRef);return(0,qe.jsx)(se.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...(0,We.skdxPart)("floating-panel","trigger",o.className),ref:n,onClick:(0,se.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!t.open))})};Ze.displayName="FloatingPanelTrigger";0&&(module.exports={FloatingPanel,FloatingPanelCloseTrigger,FloatingPanelContent,FloatingPanelHeader,FloatingPanelPortal,FloatingPanelProvider,FloatingPanelResizeTrigger,FloatingPanelRoot,FloatingPanelStageTrigger,FloatingPanelTitle,FloatingPanelTrigger,gestureAnnouncement,useFloatingPanelContext});
|
|
2
|
+
"use strict";var ft=Object.create;var J=Object.defineProperty;var pt=Object.getOwnPropertyDescriptor;var Pt=Object.getOwnPropertyNames;var ht=Object.getPrototypeOf,yt=Object.prototype.hasOwnProperty;var Rt=(e,o)=>{for(var n in o)J(e,n,{get:o[n],enumerable:!0})},xe=(e,o,n,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of Pt(o))!yt.call(e,a)&&a!==n&&J(e,a,{get:()=>o[a],enumerable:!(t=pt(o,a))||t.enumerable});return e};var X=(e,o,n)=>(n=e!=null?ft(ht(e)):{},xe(o||!e||!e.__esModule?J(n,"default",{value:e,enumerable:!0}):n,e)),Ft=e=>xe(J({},"__esModule",{value:!0}),e);var Nt={};Rt(Nt,{FloatingPanel:()=>Re,FloatingPanelCloseTrigger:()=>W,FloatingPanelContent:()=>Z,FloatingPanelHeader:()=>Q,FloatingPanelPortal:()=>j,FloatingPanelProvider:()=>Je,FloatingPanelResizeTrigger:()=>te,FloatingPanelRoot:()=>ye,FloatingPanelStageTrigger:()=>oe,FloatingPanelTitle:()=>ae,FloatingPanelTrigger:()=>Ze,gestureAnnouncement:()=>he,useFloatingPanelContext:()=>p});module.exports=Ft(Nt);var m=X(require("react"),1),L=require("../utils/clamp.cjs"),_e=require("../utils/createContext.cjs"),Ge=require("../utils/liveAnnouncer.cjs"),re=require("../utils/useCallbackRef.cjs"),_=require("../utils/useControllableState.cjs"),Ye=require("../utils/useOpenChangeComplete.cjs");var $e=require("../utils/Glyph.cjs");var be=require("../utils/part.cjs"),V=require("../utils/primitive.cjs");var we=require("react/jsx-runtime"),W=({ref:e,...o})=>{let n=p("FloatingPanelCloseTrigger");return(0,we.jsx)(V.Primitive.button,{type:"button",...o,...(0,be.skdxPart)("floating-panel","close-trigger",o.className),ref:e,onClick:(0,V.composeEventHandlers)(o.onClick,()=>n.onOpenChange(!1))})};W.displayName="FloatingPanelCloseTrigger";var me=X(require("react"),1),Te=require("../utils/composeRefs.cjs"),Ce=require("../utils/part.cjs"),ze=require("../utils/presence.cjs"),Ee=require("../utils/primitive.cjs"),ve=require("../utils/useDismiss.cjs");var De=require("react/jsx-runtime"),Z=({forceMount:e,onEscapeKeyDown:o,onPointerDownOutside:n,onFocusOutside:t,onInteractOutside:a,style:g,ref:s,...c})=>{let r=p("FloatingPanelContent"),v=(0,Te.useComposedRefs)(s,r.contentRef),{setContentPresent:h}=r,F=(0,ze.usePresence)(r.open,r.contentRef);if(me.useEffect(()=>{h(F)},[F,h]),me.useEffect(()=>()=>h(!1),[h]),(0,ve.useDismiss)({enabled:r.open,onEscapeKeyDown:l=>{o?.(l),l.defaultPrevented||r.onOpenChange(!1)},onInteractOutside:a,onPointerDownOutside:l=>{n?.(l),l.defaultPrevented||r.onOpenChange(!1)},onFocusOutside:t},[r.contentRef,r.triggerRef]),!e&&!F)return null;let{position:x,size:i,stage:d,origin:y,bounded:R,bounds:C}=r,z=d==="maximized"?{x:`${y.x}px`,y:`${y.y}px`,width:R&&C?`${C.width}px`:"100%",height:R&&C?`${C.height}px`:"100%"}:{x:`${y.x+x.x}px`,y:`${y.y+x.y}px`,width:`${i.width}px`,height:d==="minimized"?"auto":`${i.height}px`};return(0,De.jsx)(Ee.Primitive.div,{role:"dialog","aria-modal":!1,"aria-labelledby":r.hasTitle?r.titleId:void 0,id:r.contentId,"data-state":r.open?"open":"closed","data-stage":d,"data-dragging":r.dragging?"":void 0,"data-resizing":r.resizing?"":void 0,"data-disabled":r.disabled?"":void 0,...c,...(0,Ce.skdxPart)("floating-panel","content",c.className),ref:v,style:{"--skdx-floating-panel-x":z.x,"--skdx-floating-panel-y":z.y,"--skdx-floating-panel-width":z.width,"--skdx-floating-panel-height":z.height,...g}})};Z.displayName="FloatingPanelContent";var fe=X(require("react"),1),q=require("../utils/direction.cjs"),Se=require("../utils/part.cjs"),I=require("../utils/primitive.cjs");var Ie=require("react/jsx-runtime"),xt=10,bt={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}},Q=({style:e,ref:o,...n})=>{let t=p("FloatingPanelHeader"),a=(0,q.useDirection)(),g=fe.useRef(null),s=fe.useRef(!1),c=t.draggable&&!t.disabled,r=i=>{c&&(i.currentTarget.setPointerCapture?.(i.pointerId),g.current={x:i.clientX,y:i.clientY},t.setDragging(!0))},v=i=>{let d=g.current;!c||!d||(t.moveBy(i.clientX-d.x,i.clientY-d.y),g.current={x:i.clientX,y:i.clientY})},h=i=>{g.current&&(i.currentTarget.releasePointerCapture?.(i.pointerId),g.current=null,t.setDragging(!1),t.announceRelease("move"))},F=i=>{if(!c)return;let d=t.step*(i.shiftKey?xt:1),y=(0,q.directionalKey)(i.key,i.currentTarget,a),R=bt[y];R&&(i.preventDefault(),s.current=!0,t.moveBy(R.dx*d,R.dy*d))},x=()=>{s.current&&(s.current=!1,t.announceRelease("move"))};return(0,Ie.jsx)(I.Primitive.div,{role:"group","aria-disabled":t.disabled||void 0,"aria-keyshortcuts":t.draggable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-dragging":t.dragging?"":void 0,"data-disabled":t.disabled?"":void 0,tabIndex:t.draggable?0:void 0,...n,...(0,Se.skdxPart)("floating-panel","header",n.className),ref:o,onPointerDown:(0,I.useComposedEventHandlers)(n.onPointerDown,r),onPointerMove:(0,I.useComposedEventHandlers)(n.onPointerMove,v),onPointerUp:(0,I.useComposedEventHandlers)(n.onPointerUp,h),onPointerCancel:(0,I.useComposedEventHandlers)(n.onPointerCancel,h),onKeyDown:(0,I.useComposedEventHandlers)(n.onKeyDown,F),onKeyUp:(0,I.useComposedEventHandlers)(n.onKeyUp,x),style:{touchAction:"none",cursor:c?"move":void 0,...e}})};Q.displayName="FloatingPanelHeader";var Me=require("../utils/portal.cjs");var Ne=require("react/jsx-runtime"),j=({forceMount:e,children:o,...n})=>{let t=p("FloatingPanelPortal");return e||t.open||t.contentPresent?(0,Ne.jsx)(Me.Portal,{...n,children:o}):null};j.displayName="FloatingPanelPortal";var pe=X(require("react"),1),ee=require("../utils/direction.cjs"),Ae=require("../utils/part.cjs"),M=require("../utils/primitive.cjs");var He=require("react/jsx-runtime"),wt=10,Tt={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}};function Ct(e){if(e==="e"||e==="w")return"vertical";if(e==="n"||e==="s")return"horizontal"}function zt(e,o){let n=o?e.size.width:e.size.height,t=o?e.minSize.width:e.minSize.height,a=o?e.maxSize.width:e.maxSize.height,g=Number.POSITIVE_INFINITY;e.bounds&&(g=o?e.bounds.width-e.position.x:e.bounds.height-e.position.y);let s=Math.max(t,Math.min(a,g));return{current:n,minimum:t,maximum:s}}var te=({direction:e,style:o,ref:n,...t})=>{let a=p("FloatingPanelResizeTrigger"),g=(0,ee.useDirection)(),s=pe.useRef(null),c=pe.useRef(!1),r=a.resizable&&!a.disabled,v=e.includes("e")||e.includes("w"),{current:h,minimum:F,maximum:x}=zt(a,v),i=Ct(e),d=l=>{r&&(l.currentTarget.setPointerCapture?.(l.pointerId),s.current={x:l.clientX,y:l.clientY},a.setResizing(!0))},y=l=>{let b=s.current;!r||!b||(a.resizeBy(e,l.clientX-b.x,l.clientY-b.y),s.current={x:l.clientX,y:l.clientY})},R=l=>{s.current&&(l.currentTarget.releasePointerCapture?.(l.pointerId),s.current=null,a.setResizing(!1),a.announceRelease("resize"))},C=l=>{if(!r)return;let b=a.step*(l.shiftKey?wt:1),k=(0,ee.directionalKey)(l.key,l.currentTarget,g),D=Tt[k];D&&(l.preventDefault(),c.current=!0,a.resizeBy(e,D.dx*b,D.dy*b))},z=()=>{c.current&&(c.current=!1,a.announceRelease("resize"))};return(0,He.jsx)(M.Primitive.div,{role:"separator","aria-orientation":i,"aria-valuenow":Math.round(h),"aria-valuemin":Math.round(F),"aria-valuemax":Number.isFinite(x)?Math.round(x):void 0,"aria-disabled":a.disabled||void 0,"aria-keyshortcuts":a.resizable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-direction":e,"data-resizing":a.resizing?"":void 0,"data-disabled":a.disabled?"":void 0,tabIndex:a.resizable?0:void 0,...t,...(0,Ae.skdxPart)("floating-panel","resize-trigger",t.className),ref:n,onPointerDown:(0,M.useComposedEventHandlers)(t.onPointerDown,d),onPointerMove:(0,M.useComposedEventHandlers)(t.onPointerMove,y),onPointerUp:(0,M.useComposedEventHandlers)(t.onPointerUp,R),onPointerCancel:(0,M.useComposedEventHandlers)(t.onPointerCancel,R),onKeyDown:(0,M.useComposedEventHandlers)(t.onKeyDown,C),onKeyUp:(0,M.useComposedEventHandlers)(t.onKeyUp,z),style:{touchAction:"none",cursor:r?`${e}-resize`:void 0,...o}})};te.displayName="FloatingPanelResizeTrigger";var Oe=require("../utils/part.cjs"),ne=require("../utils/primitive.cjs");var Le=require("react/jsx-runtime"),oe=({stage:e,ref:o,...n})=>{let t=p("FloatingPanelStageTrigger"),a=t.stage===e;return(0,Le.jsx)(ne.Primitive.button,{type:"button","aria-pressed":a,"aria-disabled":t.disabled||void 0,"data-stage":t.stage,"data-state":a?"on":"off","data-disabled":t.disabled?"":void 0,...n,...(0,Oe.skdxPart)("floating-panel","stage-trigger",n.className),ref:o,onClick:(0,ne.composeEventHandlers)(n.onClick,()=>{t.disabled||t.onStageChange(a?"default":e)})})};oe.displayName="FloatingPanelStageTrigger";var ke=X(require("react"),1),Ue=require("../utils/part.cjs"),Ke=require("../utils/primitive.cjs");var Be=require("react/jsx-runtime"),ae=({ref:e,...o})=>{let n=p("FloatingPanelTitle"),{setHasTitle:t}=n;return ke.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,Be.jsx)(Ke.Primitive.h2,{id:n.titleId,...o,...(0,Ue.skdxPart)("floating-panel","title",o.className),ref:e})};ae.displayName="FloatingPanelTitle";var T=require("react/jsx-runtime"),Et=()=>(0,T.jsx)($e.Glyph,{name:"close"}),Xe=({title:e,stages:o=[],dismissible:n,resizable:t,children:a,passThrough:g})=>(0,T.jsx)(j,{children:(0,T.jsxs)(Z,{...g,children:[(0,T.jsxs)(Q,{"aria-label":"Drag to move panel",children:[e?(0,T.jsx)(ae,{children:e}):null,o.map(s=>(0,T.jsx)(oe,{stage:s.stage,children:s.label},s.stage)),n?(0,T.jsx)(W,{"aria-label":"Close",children:(0,T.jsx)(Et,{})}):null]}),a,t?(0,T.jsx)(te,{direction:"se","aria-label":"Resize panel"}):null]})});var le=require("react/jsx-runtime");function he(e,{position:o,size:n}){return e==="move"?`Panel moved to ${o.x}, ${o.y}`:`Panel resized to ${n.width} by ${n.height}`}var[Je,p]=(0,_e.createSafeContext)("FloatingPanel"),vt={x:0,y:0},Dt={width:320,height:240},St={width:160,height:120},It={width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY};function Pe(e){let o=e?.current;if(o){let n=o.getBoundingClientRect();return{width:n.width,height:n.height}}return{width:window.innerWidth,height:window.innerHeight}}function ie(e,o,n,t){return(0,L.clamp)(e,o,Math.max(o,Math.min(n,t)))}function Mt(e,o,n){return m.useEffect(()=>{let t=e?.current,a=()=>{o(Pe(e));let g=t?.getBoundingClientRect(),s=g?{x:g.left||0,y:g.top||0}:{x:0,y:0};n(c=>c.x===s.x&&c.y===s.y?c:s)};if(a(),t&&typeof ResizeObserver<"u"){let g=new ResizeObserver(a);return g.observe(t),window.addEventListener("scroll",a,!0),()=>{g.disconnect(),window.removeEventListener("scroll",a,!0)}}return window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[e,o,n]),!!e?.current}function ye({children:e,open:o,defaultOpen:n=!1,onOpenChange:t,onOpenChangeComplete:a,position:g,defaultPosition:s=vt,onPositionChange:c,onPositionCommit:r,size:v,defaultSize:h=Dt,onSizeChange:F,onSizeCommit:x,minSize:i=St,maxSize:d=It,boundary:y,stage:R,defaultStage:C="default",onStageChange:z,draggable:l=!0,resizable:b=!0,step:k=10,disabled:D=!1,getGestureAnnouncement:ge}){let G=m.useRef(null),U=m.useRef(null),[de,ce]=m.useState(!1),[Qe,je]=m.useState(!1),[et,tt]=m.useState(!1),[nt,ot]=m.useState(!1),[N,at]=m.useState(null),[it,rt]=m.useState({x:0,y:0}),[A=!1,lt]=(0,_.useControllableState)({prop:o,defaultProp:n,onChange:t}),[P=s,Y]=(0,_.useControllableState)({prop:g,defaultProp:s,onChange:c}),[u=h,ue]=(0,_.useControllableState)({prop:v,defaultProp:h,onChange:F}),[st="default",gt]=(0,_.useControllableState)({prop:R,defaultProp:C,onChange:z});(0,Ye.useOpenChangeComplete)(A,U,a);let dt=Mt(y,at,rt);m.useEffect(()=>{if(!N)return;let f=Math.min(u.width,Math.max(i.width,N.width)),E=Math.min(u.height,Math.max(i.height,N.height));(f!==u.width||E!==u.height)&&ue({width:f,height:E});let w=(0,L.clamp)(P.x,0,Math.max(0,N.width-f)),S=(0,L.clamp)(P.y,0,Math.max(0,N.height-E));(w!==P.x||S!==P.y)&&Y({x:w,y:S})},[N,u,i,P,ue,Y]);let Fe=m.useRef(A);m.useEffect(()=>{if(Fe.current&&!A){let f=document.activeElement;(!f||f===document.body||U.current?.contains(f))&&G.current?.focus()}Fe.current=A},[A]);let ct=(0,re.useCallbackRef)((f,E)=>{if(D||!l)return;let w=Pe(y),S={x:(0,L.clamp)(P.x+f,0,Math.max(0,w.width-u.width)),y:(0,L.clamp)(P.y+E,0,Math.max(0,w.height-u.height))};(S.x!==P.x||S.y!==P.y)&&Y(S)}),ut=(0,re.useCallbackRef)((f,E,w)=>{if(D||!b)return;let S=Pe(y),{x:K,y:B}=P,{width:H,height:O}=u;if(f.includes("e")&&(H=ie(u.width+E,i.width,d.width,S.width-K)),f.includes("w")){let $=K+H;H=ie(u.width-E,i.width,d.width,$),K=$-H}if(f.includes("s")&&(O=ie(u.height+w,i.height,d.height,S.height-B)),f.includes("n")){let $=B+O;O=ie(u.height-w,i.height,d.height,$),B=$-O}(H!==u.width||O!==u.height)&&ue({width:H,height:O}),(K!==P.x||B!==P.y)&&Y({x:K,y:B})}),mt=(0,re.useCallbackRef)(f=>{f==="resize"&&x?.(u),r?.(P);let E={position:{x:Math.round(P.x),y:Math.round(P.y)},size:{width:Math.round(u.width),height:Math.round(u.height)}},w=(ge??he)(f,E);w&&(0,Ge.announce)(w)});return(0,le.jsx)(Je,{triggerRef:G,contentRef:U,contentId:m.useId(),titleId:m.useId(),hasTitle:nt,setHasTitle:ot,open:A,onOpenChange:lt,position:P,size:u,minSize:i,maxSize:d,bounds:N,origin:it,bounded:dt,stage:st,onStageChange:gt,moveBy:ct,resizeBy:ut,announceRelease:mt,draggable:l,resizable:b,disabled:D,step:k,dragging:de,setDragging:ce,resizing:Qe,setResizing:je,contentPresent:et,setContentPresent:tt,children:e})}ye.displayName="FloatingPanelRoot";function Re({children:e,title:o,stages:n,dismissible:t=!0,resizable:a=!0,open:g,defaultOpen:s,onOpenChange:c,onOpenChangeComplete:r,position:v,defaultPosition:h,onPositionChange:F,onPositionCommit:x,size:i,defaultSize:d,onSizeChange:y,onSizeCommit:R,minSize:C,maxSize:z,boundary:l,stage:b,defaultStage:k,onStageChange:D,draggable:ge,step:G,disabled:U,getGestureAnnouncement:de,...ce}){return(0,le.jsx)(ye,{open:g,defaultOpen:s,onOpenChange:c,onOpenChangeComplete:r,position:v,defaultPosition:h,onPositionChange:F,onPositionCommit:x,size:i,defaultSize:d,onSizeChange:y,onSizeCommit:R,minSize:C,maxSize:z,boundary:l,stage:b,defaultStage:k,onStageChange:D,draggable:ge,resizable:a,step:G,disabled:U,getGestureAnnouncement:de,children:(0,le.jsx)(Xe,{title:o,stages:n,dismissible:t,resizable:a,passThrough:ce,children:e})})}Re.displayName="FloatingPanel";var Ve=require("../utils/composeRefs.cjs"),We=require("../utils/part.cjs"),se=require("../utils/primitive.cjs");var qe=require("react/jsx-runtime"),Ze=({ref:e,...o})=>{let n=p("FloatingPanelTrigger"),t=(0,Ve.useComposedRefs)(e,n.triggerRef);return(0,qe.jsx)(se.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":n.open?"open":"closed",...o,...(0,We.skdxPart)("floating-panel","trigger",o.className),ref:t,onClick:(0,se.composeEventHandlers)(o.onClick,()=>n.onOpenChange(!n.open))})};Ze.displayName="FloatingPanelTrigger";0&&(module.exports={FloatingPanel,FloatingPanelCloseTrigger,FloatingPanelContent,FloatingPanelHeader,FloatingPanelPortal,FloatingPanelProvider,FloatingPanelResizeTrigger,FloatingPanelRoot,FloatingPanelStageTrigger,FloatingPanelTitle,FloatingPanelTrigger,gestureAnnouncement,useFloatingPanelContext});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import*as u from"react";import{clamp as X}from"../utils/clamp.js";import{createSafeContext as ut}from"../utils/createContext.js";import{announce as ft}from"../utils/liveAnnouncer.js";import{useCallbackRef as le}from"../utils/useCallbackRef.js";import{useControllableState as Y}from"../utils/useControllableState.js";import{useOpenChangeComplete as pt}from"../utils/useOpenChangeComplete.js";import{Glyph as ct}from"../utils/Glyph.js";import{skdxPart as Ie}from"../utils/part.js";import{composeEventHandlers as Se,Primitive as Me}from"../utils/primitive.js";import{jsx as Ne}from"react/jsx-runtime";var q=({ref:e,...o})=>{let n=h("FloatingPanelCloseTrigger");return Ne(Me.button,{type:"button",...o,...Ie("floating-panel","close-trigger",o.className),ref:e,onClick:Se(o.onClick,()=>n.onOpenChange(!1))})};q.displayName="FloatingPanelCloseTrigger";import*as Q from"react";import{useComposedRefs as Ae}from"../utils/composeRefs.js";import{skdxPart as He}from"../utils/part.js";import{usePresence as Oe}from"../utils/presence.js";import{Primitive as ke}from"../utils/primitive.js";import{useDismiss as Le}from"../utils/useDismiss.js";import{jsx as Ue}from"react/jsx-runtime";var j=({forceMount:e,onEscapeKeyDown:o,onPointerDownOutside:n,onFocusOutside:t,onInteractOutside:i,style:c,ref:l,...y})=>{let r=h("FloatingPanelContent"),C=Ae(l,r.contentRef),{setContentPresent:R}=r,x=Oe(r.open,r.contentRef);if(Q.useEffect(()=>{R(x)},[x,R]),Q.useEffect(()=>()=>R(!1),[R]),Le({enabled:r.open,onEscapeKeyDown:p=>{o?.(p),p.defaultPrevented||r.onOpenChange(!1)},onInteractOutside:i,onPointerDownOutside:p=>{n?.(p),p.defaultPrevented||r.onOpenChange(!1)},onFocusOutside:t},[r.contentRef,r.triggerRef]),!e&&!x)return null;let{position:w,size:a,stage:d}=r,f=d==="maximized"?{x:"0px",y:"0px",width:"100%",height:"100%"}:{x:`${w.x}px`,y:`${w.y}px`,width:`${a.width}px`,height:d==="minimized"?"auto":`${a.height}px`};return Ue(ke.div,{role:"dialog","aria-modal":!1,"aria-labelledby":r.hasTitle?r.titleId:void 0,id:r.contentId,"data-state":r.open?"open":"closed","data-stage":d,"data-dragging":r.dragging?"":void 0,"data-resizing":r.resizing?"":void 0,"data-disabled":r.disabled?"":void 0,...y,...He("floating-panel","content",y.className),ref:C,style:{"--skdx-floating-panel-x":f.x,"--skdx-floating-panel-y":f.y,"--skdx-floating-panel-width":f.width,"--skdx-floating-panel-height":f.height,...c}})};j.displayName="FloatingPanelContent";import*as ee from"react";import{directionalKey as Ke,useDirection as Be}from"../utils/direction.js";import{skdxPart as Xe}from"../utils/part.js";import{Primitive as _e,useComposedEventHandlers as N}from"../utils/primitive.js";import{jsx as $e}from"react/jsx-runtime";var Ge=10,Ye={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}},te=({style:e,ref:o,...n})=>{let t=h("FloatingPanelHeader"),i=Be(),c=ee.useRef(null),l=ee.useRef(!1),y=t.draggable&&!t.disabled,r=a=>{y&&(a.currentTarget.setPointerCapture?.(a.pointerId),c.current={x:a.clientX,y:a.clientY},t.setDragging(!0))},C=a=>{let d=c.current;!y||!d||(t.moveBy(a.clientX-d.x,a.clientY-d.y),c.current={x:a.clientX,y:a.clientY})},R=a=>{c.current&&(a.currentTarget.releasePointerCapture?.(a.pointerId),c.current=null,t.setDragging(!1),t.announceRelease("move"))},x=a=>{if(!y)return;let d=t.step*(a.shiftKey?Ge:1),f=Ke(a.key,a.currentTarget,i),p=Ye[f];p&&(a.preventDefault(),l.current=!0,t.moveBy(p.dx*d,p.dy*d))},w=()=>{l.current&&(l.current=!1,t.announceRelease("move"))};return $e(_e.div,{role:"group","aria-disabled":t.disabled||void 0,"aria-keyshortcuts":t.draggable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-dragging":t.dragging?"":void 0,"data-disabled":t.disabled?"":void 0,tabIndex:t.draggable?0:void 0,...n,...Xe("floating-panel","header",n.className),ref:o,onPointerDown:N(n.onPointerDown,r),onPointerMove:N(n.onPointerMove,C),onPointerUp:N(n.onPointerUp,R),onPointerCancel:N(n.onPointerCancel,R),onKeyDown:N(n.onKeyDown,x),onKeyUp:N(n.onKeyUp,w),style:{touchAction:"none",cursor:y?"move":void 0,...e}})};te.displayName="FloatingPanelHeader";import{Portal as Je}from"../utils/portal.js";import{jsx as Ve}from"react/jsx-runtime";var ne=({forceMount:e,children:o,...n})=>{let t=h("FloatingPanelPortal");return e||t.open||t.contentPresent?Ve(Je,{...n,children:o}):null};ne.displayName="FloatingPanelPortal";import*as oe from"react";import{directionalKey as We,useDirection as Ze}from"../utils/direction.js";import{skdxPart as qe}from"../utils/part.js";import{Primitive as Qe,useComposedEventHandlers as A}from"../utils/primitive.js";import{jsx as ot}from"react/jsx-runtime";var je=10,et={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}};function tt(e){if(e==="e"||e==="w")return"vertical";if(e==="n"||e==="s")return"horizontal"}function nt(e,o){let n=o?e.size.width:e.size.height,t=o?e.minSize.width:e.minSize.height,i=o?e.maxSize.width:e.maxSize.height,c=Number.POSITIVE_INFINITY;e.bounds&&(c=o?e.bounds.width-e.position.x:e.bounds.height-e.position.y);let l=Math.max(t,Math.min(i,c));return{current:n,minimum:t,maximum:l}}var ae=({direction:e,style:o,ref:n,...t})=>{let i=h("FloatingPanelResizeTrigger"),c=Ze(),l=oe.useRef(null),y=oe.useRef(!1),r=i.resizable&&!i.disabled,C=e.includes("e")||e.includes("w"),{current:R,minimum:x,maximum:w}=nt(i,C),a=tt(e),d=s=>{r&&(s.currentTarget.setPointerCapture?.(s.pointerId),l.current={x:s.clientX,y:s.clientY},i.setResizing(!0))},f=s=>{let T=l.current;!r||!T||(i.resizeBy(e,s.clientX-T.x,s.clientY-T.y),l.current={x:s.clientX,y:s.clientY})},p=s=>{l.current&&(s.currentTarget.releasePointerCapture?.(s.pointerId),l.current=null,i.setResizing(!1),i.announceRelease("resize"))},H=s=>{if(!r)return;let T=i.step*(s.shiftKey?je:1),k=We(s.key,s.currentTarget,c),z=et[k];z&&(s.preventDefault(),y.current=!0,i.resizeBy(e,z.dx*T,z.dy*T))},O=()=>{y.current&&(y.current=!1,i.announceRelease("resize"))};return ot(Qe.div,{role:"separator","aria-orientation":a,"aria-valuenow":Math.round(R),"aria-valuemin":Math.round(x),"aria-valuemax":Number.isFinite(w)?Math.round(w):void 0,"aria-disabled":i.disabled||void 0,"aria-keyshortcuts":i.resizable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-direction":e,"data-resizing":i.resizing?"":void 0,"data-disabled":i.disabled?"":void 0,tabIndex:i.resizable?0:void 0,...t,...qe("floating-panel","resize-trigger",t.className),ref:n,onPointerDown:A(t.onPointerDown,d),onPointerMove:A(t.onPointerMove,f),onPointerUp:A(t.onPointerUp,p),onPointerCancel:A(t.onPointerCancel,p),onKeyDown:A(t.onKeyDown,H),onKeyUp:A(t.onKeyUp,O),style:{touchAction:"none",cursor:r?`${e}-resize`:void 0,...o}})};ae.displayName="FloatingPanelResizeTrigger";import{skdxPart as at}from"../utils/part.js";import{composeEventHandlers as it,Primitive as rt}from"../utils/primitive.js";import{jsx as lt}from"react/jsx-runtime";var ie=({stage:e,ref:o,...n})=>{let t=h("FloatingPanelStageTrigger"),i=t.stage===e;return lt(rt.button,{type:"button","aria-pressed":i,"aria-disabled":t.disabled||void 0,"data-stage":t.stage,"data-state":i?"on":"off","data-disabled":t.disabled?"":void 0,...n,...at("floating-panel","stage-trigger",n.className),ref:o,onClick:it(n.onClick,()=>{t.disabled||t.onStageChange(i?"default":e)})})};ie.displayName="FloatingPanelStageTrigger";import*as ce from"react";import{skdxPart as st}from"../utils/part.js";import{Primitive as gt}from"../utils/primitive.js";import{jsx as dt}from"react/jsx-runtime";var re=({ref:e,...o})=>{let n=h("FloatingPanelTitle"),{setHasTitle:t}=n;return ce.useEffect(()=>(t(!0),()=>t(!1)),[t]),dt(gt.h2,{id:n.titleId,...o,...st("floating-panel","title",o.className),ref:e})};re.displayName="FloatingPanelTitle";import{jsx as D,jsxs as me}from"react/jsx-runtime";var mt=()=>D(ct,{name:"close"}),ue=({title:e,stages:o=[],dismissible:n,resizable:t,children:i,passThrough:c})=>D(ne,{children:me(j,{...c,children:[me(te,{"aria-label":"Drag to move panel",children:[e?D(re,{children:e}):null,o.map(l=>D(ie,{stage:l.stage,children:l.label},l.stage)),n?D(q,{"aria-label":"Close",children:D(mt,{})}):null]}),i,t?D(ae,{direction:"se","aria-label":"Resize panel"}):null]})});import{jsx as ge}from"react/jsx-runtime";function fe(e,{position:o,size:n}){return e==="move"?`Panel moved to ${o.x}, ${o.y}`:`Panel resized to ${n.width} by ${n.height}`}var[Pt,h]=ut("FloatingPanel"),ht={x:0,y:0},yt={width:320,height:240},Rt={width:160,height:120},Ft={width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY};function se(e){let o=e?.current;if(o){let n=o.getBoundingClientRect();return{width:n.width,height:n.height}}return{width:window.innerWidth,height:window.innerHeight}}function $(e,o,n,t){return X(e,o,Math.max(o,Math.min(n,t)))}function pe({children:e,open:o,defaultOpen:n=!1,onOpenChange:t,onOpenChangeComplete:i,position:c,defaultPosition:l=ht,onPositionChange:y,onPositionCommit:r,size:C,defaultSize:R=yt,onSizeChange:x,onSizeCommit:w,minSize:a=Rt,maxSize:d=Ft,boundary:f,stage:p,defaultStage:H="default",onStageChange:O,draggable:s=!0,resizable:T=!0,step:k=10,disabled:z=!1,getGestureAnnouncement:J}){let _=u.useRef(null),L=u.useRef(null),[V,W]=u.useState(!1),[he,ye]=u.useState(!1),[Re,Fe]=u.useState(!1),[be,xe]=u.useState(!1),[E,we]=u.useState(null),[I=!1,Te]=Y({prop:o,defaultProp:n,onChange:t}),[P=l,G]=Y({prop:c,defaultProp:l,onChange:y}),[m=R,Z]=Y({prop:C,defaultProp:R,onChange:x}),[Ce="default",ze]=Y({prop:p,defaultProp:H,onChange:O});pt(I,L,i),u.useEffect(()=>{let g=()=>we(se(f));g();let b=f?.current;if(b&&typeof ResizeObserver<"u"){let F=new ResizeObserver(g);return F.observe(b),()=>F.disconnect()}return window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},[f]),u.useEffect(()=>{if(!E)return;let g=Math.min(m.width,Math.max(a.width,E.width)),b=Math.min(m.height,Math.max(a.height,E.height));(g!==m.width||b!==m.height)&&Z({width:g,height:b});let F=X(P.x,0,Math.max(0,E.width-g)),v=X(P.y,0,Math.max(0,E.height-b));(F!==P.x||v!==P.y)&&G({x:F,y:v})},[E,m,a,P,Z,G]);let de=u.useRef(I);u.useEffect(()=>{if(de.current&&!I){let g=document.activeElement;(!g||g===document.body||L.current?.contains(g))&&_.current?.focus()}de.current=I},[I]);let ve=le((g,b)=>{if(z||!s)return;let F=se(f),v={x:X(P.x+g,0,Math.max(0,F.width-m.width)),y:X(P.y+b,0,Math.max(0,F.height-m.height))};(v.x!==P.x||v.y!==P.y)&&G(v)}),Ee=le((g,b,F)=>{if(z||!T)return;let v=se(f),{x:U,y:K}=P,{width:S,height:M}=m;if(g.includes("e")&&(S=$(m.width+b,a.width,d.width,v.width-U)),g.includes("w")){let B=U+S;S=$(m.width-b,a.width,d.width,B),U=B-S}if(g.includes("s")&&(M=$(m.height+F,a.height,d.height,v.height-K)),g.includes("n")){let B=K+M;M=$(m.height-F,a.height,d.height,B),K=B-M}(S!==m.width||M!==m.height)&&Z({width:S,height:M}),(U!==P.x||K!==P.y)&&G({x:U,y:K})}),De=le(g=>{g==="resize"&&w?.(m),r?.(P);let b={position:{x:Math.round(P.x),y:Math.round(P.y)},size:{width:Math.round(m.width),height:Math.round(m.height)}},F=(J??fe)(g,b);F&&ft(F)});return ge(Pt,{triggerRef:_,contentRef:L,contentId:u.useId(),titleId:u.useId(),hasTitle:be,setHasTitle:xe,open:I,onOpenChange:Te,position:P,size:m,minSize:a,maxSize:d,bounds:E,stage:Ce,onStageChange:ze,moveBy:ve,resizeBy:Ee,announceRelease:De,draggable:s,resizable:T,disabled:z,step:k,dragging:V,setDragging:W,resizing:he,setResizing:ye,contentPresent:Re,setContentPresent:Fe,children:e})}pe.displayName="FloatingPanelRoot";function Pe({children:e,title:o,stages:n,dismissible:t=!0,resizable:i=!0,open:c,defaultOpen:l,onOpenChange:y,onOpenChangeComplete:r,position:C,defaultPosition:R,onPositionChange:x,onPositionCommit:w,size:a,defaultSize:d,onSizeChange:f,onSizeCommit:p,minSize:H,maxSize:O,boundary:s,stage:T,defaultStage:k,onStageChange:z,draggable:J,step:_,disabled:L,getGestureAnnouncement:V,...W}){return ge(pe,{open:c,defaultOpen:l,onOpenChange:y,onOpenChangeComplete:r,position:C,defaultPosition:R,onPositionChange:x,onPositionCommit:w,size:a,defaultSize:d,onSizeChange:f,onSizeCommit:p,minSize:H,maxSize:O,boundary:s,stage:T,defaultStage:k,onStageChange:z,draggable:J,resizable:i,step:_,disabled:L,getGestureAnnouncement:V,children:ge(ue,{title:o,stages:n,dismissible:t,resizable:i,passThrough:W,children:e})})}Pe.displayName="FloatingPanel";import{useComposedRefs as bt}from"../utils/composeRefs.js";import{skdxPart as xt}from"../utils/part.js";import{composeEventHandlers as wt,Primitive as Tt}from"../utils/primitive.js";import{jsx as zt}from"react/jsx-runtime";var Ct=({ref:e,...o})=>{let n=h("FloatingPanelTrigger"),t=bt(e,n.triggerRef);return zt(Tt.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":n.open?"open":"closed",...o,...xt("floating-panel","trigger",o.className),ref:t,onClick:wt(o.onClick,()=>n.onOpenChange(!n.open))})};Ct.displayName="FloatingPanelTrigger";export{Pe as FloatingPanel,q as FloatingPanelCloseTrigger,j as FloatingPanelContent,te as FloatingPanelHeader,ne as FloatingPanelPortal,Pt as FloatingPanelProvider,ae as FloatingPanelResizeTrigger,pe as FloatingPanelRoot,ie as FloatingPanelStageTrigger,re as FloatingPanelTitle,Ct as FloatingPanelTrigger,fe as gestureAnnouncement,h as useFloatingPanelContext};
|
|
2
|
+
import*as m from"react";import{clamp as $}from"../utils/clamp.js";import{createSafeContext as Pt}from"../utils/createContext.js";import{announce as ht}from"../utils/liveAnnouncer.js";import{useCallbackRef as le}from"../utils/useCallbackRef.js";import{useControllableState as G}from"../utils/useControllableState.js";import{useOpenChangeComplete as yt}from"../utils/useOpenChangeComplete.js";import{Glyph as ft}from"../utils/Glyph.js";import{skdxPart as Ne}from"../utils/part.js";import{composeEventHandlers as Ae,Primitive as He}from"../utils/primitive.js";import{jsx as Oe}from"react/jsx-runtime";var q=({ref:e,...o})=>{let n=P("FloatingPanelCloseTrigger");return Oe(He.button,{type:"button",...o,...Ne("floating-panel","close-trigger",o.className),ref:e,onClick:Ae(o.onClick,()=>n.onOpenChange(!1))})};q.displayName="FloatingPanelCloseTrigger";import*as Q from"react";import{useComposedRefs as Le}from"../utils/composeRefs.js";import{skdxPart as ke}from"../utils/part.js";import{usePresence as Ue}from"../utils/presence.js";import{Primitive as Ke}from"../utils/primitive.js";import{useDismiss as Be}from"../utils/useDismiss.js";import{jsx as $e}from"react/jsx-runtime";var j=({forceMount:e,onEscapeKeyDown:o,onPointerDownOutside:n,onFocusOutside:t,onInteractOutside:a,style:g,ref:s,...c})=>{let r=P("FloatingPanelContent"),E=Le(s,r.contentRef),{setContentPresent:h}=r,F=Ue(r.open,r.contentRef);if(Q.useEffect(()=>{h(F)},[F,h]),Q.useEffect(()=>()=>h(!1),[h]),Be({enabled:r.open,onEscapeKeyDown:l=>{o?.(l),l.defaultPrevented||r.onOpenChange(!1)},onInteractOutside:a,onPointerDownOutside:l=>{n?.(l),l.defaultPrevented||r.onOpenChange(!1)},onFocusOutside:t},[r.contentRef,r.triggerRef]),!e&&!F)return null;let{position:x,size:i,stage:d,origin:y,bounded:R,bounds:T}=r,C=d==="maximized"?{x:`${y.x}px`,y:`${y.y}px`,width:R&&T?`${T.width}px`:"100%",height:R&&T?`${T.height}px`:"100%"}:{x:`${y.x+x.x}px`,y:`${y.y+x.y}px`,width:`${i.width}px`,height:d==="minimized"?"auto":`${i.height}px`};return $e(Ke.div,{role:"dialog","aria-modal":!1,"aria-labelledby":r.hasTitle?r.titleId:void 0,id:r.contentId,"data-state":r.open?"open":"closed","data-stage":d,"data-dragging":r.dragging?"":void 0,"data-resizing":r.resizing?"":void 0,"data-disabled":r.disabled?"":void 0,...c,...ke("floating-panel","content",c.className),ref:E,style:{"--skdx-floating-panel-x":C.x,"--skdx-floating-panel-y":C.y,"--skdx-floating-panel-width":C.width,"--skdx-floating-panel-height":C.height,...g}})};j.displayName="FloatingPanelContent";import*as ee from"react";import{directionalKey as Xe,useDirection as _e}from"../utils/direction.js";import{skdxPart as Ge}from"../utils/part.js";import{Primitive as Ye,useComposedEventHandlers as H}from"../utils/primitive.js";import{jsx as We}from"react/jsx-runtime";var Je=10,Ve={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}},te=({style:e,ref:o,...n})=>{let t=P("FloatingPanelHeader"),a=_e(),g=ee.useRef(null),s=ee.useRef(!1),c=t.draggable&&!t.disabled,r=i=>{c&&(i.currentTarget.setPointerCapture?.(i.pointerId),g.current={x:i.clientX,y:i.clientY},t.setDragging(!0))},E=i=>{let d=g.current;!c||!d||(t.moveBy(i.clientX-d.x,i.clientY-d.y),g.current={x:i.clientX,y:i.clientY})},h=i=>{g.current&&(i.currentTarget.releasePointerCapture?.(i.pointerId),g.current=null,t.setDragging(!1),t.announceRelease("move"))},F=i=>{if(!c)return;let d=t.step*(i.shiftKey?Je:1),y=Xe(i.key,i.currentTarget,a),R=Ve[y];R&&(i.preventDefault(),s.current=!0,t.moveBy(R.dx*d,R.dy*d))},x=()=>{s.current&&(s.current=!1,t.announceRelease("move"))};return We(Ye.div,{role:"group","aria-disabled":t.disabled||void 0,"aria-keyshortcuts":t.draggable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-dragging":t.dragging?"":void 0,"data-disabled":t.disabled?"":void 0,tabIndex:t.draggable?0:void 0,...n,...Ge("floating-panel","header",n.className),ref:o,onPointerDown:H(n.onPointerDown,r),onPointerMove:H(n.onPointerMove,E),onPointerUp:H(n.onPointerUp,h),onPointerCancel:H(n.onPointerCancel,h),onKeyDown:H(n.onKeyDown,F),onKeyUp:H(n.onKeyUp,x),style:{touchAction:"none",cursor:c?"move":void 0,...e}})};te.displayName="FloatingPanelHeader";import{Portal as Ze}from"../utils/portal.js";import{jsx as qe}from"react/jsx-runtime";var ne=({forceMount:e,children:o,...n})=>{let t=P("FloatingPanelPortal");return e||t.open||t.contentPresent?qe(Ze,{...n,children:o}):null};ne.displayName="FloatingPanelPortal";import*as oe from"react";import{directionalKey as Qe,useDirection as je}from"../utils/direction.js";import{skdxPart as et}from"../utils/part.js";import{Primitive as tt,useComposedEventHandlers as O}from"../utils/primitive.js";import{jsx as rt}from"react/jsx-runtime";var nt=10,ot={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}};function at(e){if(e==="e"||e==="w")return"vertical";if(e==="n"||e==="s")return"horizontal"}function it(e,o){let n=o?e.size.width:e.size.height,t=o?e.minSize.width:e.minSize.height,a=o?e.maxSize.width:e.maxSize.height,g=Number.POSITIVE_INFINITY;e.bounds&&(g=o?e.bounds.width-e.position.x:e.bounds.height-e.position.y);let s=Math.max(t,Math.min(a,g));return{current:n,minimum:t,maximum:s}}var ae=({direction:e,style:o,ref:n,...t})=>{let a=P("FloatingPanelResizeTrigger"),g=je(),s=oe.useRef(null),c=oe.useRef(!1),r=a.resizable&&!a.disabled,E=e.includes("e")||e.includes("w"),{current:h,minimum:F,maximum:x}=it(a,E),i=at(e),d=l=>{r&&(l.currentTarget.setPointerCapture?.(l.pointerId),s.current={x:l.clientX,y:l.clientY},a.setResizing(!0))},y=l=>{let b=s.current;!r||!b||(a.resizeBy(e,l.clientX-b.x,l.clientY-b.y),s.current={x:l.clientX,y:l.clientY})},R=l=>{s.current&&(l.currentTarget.releasePointerCapture?.(l.pointerId),s.current=null,a.setResizing(!1),a.announceRelease("resize"))},T=l=>{if(!r)return;let b=a.step*(l.shiftKey?nt:1),L=Qe(l.key,l.currentTarget,g),v=ot[L];v&&(l.preventDefault(),c.current=!0,a.resizeBy(e,v.dx*b,v.dy*b))},C=()=>{c.current&&(c.current=!1,a.announceRelease("resize"))};return rt(tt.div,{role:"separator","aria-orientation":i,"aria-valuenow":Math.round(h),"aria-valuemin":Math.round(F),"aria-valuemax":Number.isFinite(x)?Math.round(x):void 0,"aria-disabled":a.disabled||void 0,"aria-keyshortcuts":a.resizable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-direction":e,"data-resizing":a.resizing?"":void 0,"data-disabled":a.disabled?"":void 0,tabIndex:a.resizable?0:void 0,...t,...et("floating-panel","resize-trigger",t.className),ref:n,onPointerDown:O(t.onPointerDown,d),onPointerMove:O(t.onPointerMove,y),onPointerUp:O(t.onPointerUp,R),onPointerCancel:O(t.onPointerCancel,R),onKeyDown:O(t.onKeyDown,T),onKeyUp:O(t.onKeyUp,C),style:{touchAction:"none",cursor:r?`${e}-resize`:void 0,...o}})};ae.displayName="FloatingPanelResizeTrigger";import{skdxPart as lt}from"../utils/part.js";import{composeEventHandlers as st,Primitive as gt}from"../utils/primitive.js";import{jsx as dt}from"react/jsx-runtime";var ie=({stage:e,ref:o,...n})=>{let t=P("FloatingPanelStageTrigger"),a=t.stage===e;return dt(gt.button,{type:"button","aria-pressed":a,"aria-disabled":t.disabled||void 0,"data-stage":t.stage,"data-state":a?"on":"off","data-disabled":t.disabled?"":void 0,...n,...lt("floating-panel","stage-trigger",n.className),ref:o,onClick:st(n.onClick,()=>{t.disabled||t.onStageChange(a?"default":e)})})};ie.displayName="FloatingPanelStageTrigger";import*as ce from"react";import{skdxPart as ct}from"../utils/part.js";import{Primitive as ut}from"../utils/primitive.js";import{jsx as mt}from"react/jsx-runtime";var re=({ref:e,...o})=>{let n=P("FloatingPanelTitle"),{setHasTitle:t}=n;return ce.useEffect(()=>(t(!0),()=>t(!1)),[t]),mt(ut.h2,{id:n.titleId,...o,...ct("floating-panel","title",o.className),ref:e})};re.displayName="FloatingPanelTitle";import{jsx as I,jsxs as ue}from"react/jsx-runtime";var pt=()=>I(ft,{name:"close"}),me=({title:e,stages:o=[],dismissible:n,resizable:t,children:a,passThrough:g})=>I(ne,{children:ue(j,{...g,children:[ue(te,{"aria-label":"Drag to move panel",children:[e?I(re,{children:e}):null,o.map(s=>I(ie,{stage:s.stage,children:s.label},s.stage)),n?I(q,{"aria-label":"Close",children:I(pt,{})}):null]}),a,t?I(ae,{direction:"se","aria-label":"Resize panel"}):null]})});import{jsx as ge}from"react/jsx-runtime";function fe(e,{position:o,size:n}){return e==="move"?`Panel moved to ${o.x}, ${o.y}`:`Panel resized to ${n.width} by ${n.height}`}var[Rt,P]=Pt("FloatingPanel"),Ft={x:0,y:0},xt={width:320,height:240},bt={width:160,height:120},wt={width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY};function se(e){let o=e?.current;if(o){let n=o.getBoundingClientRect();return{width:n.width,height:n.height}}return{width:window.innerWidth,height:window.innerHeight}}function Y(e,o,n,t){return $(e,o,Math.max(o,Math.min(n,t)))}function Tt(e,o,n){return m.useEffect(()=>{let t=e?.current,a=()=>{o(se(e));let g=t?.getBoundingClientRect(),s=g?{x:g.left||0,y:g.top||0}:{x:0,y:0};n(c=>c.x===s.x&&c.y===s.y?c:s)};if(a(),t&&typeof ResizeObserver<"u"){let g=new ResizeObserver(a);return g.observe(t),window.addEventListener("scroll",a,!0),()=>{g.disconnect(),window.removeEventListener("scroll",a,!0)}}return window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[e,o,n]),!!e?.current}function pe({children:e,open:o,defaultOpen:n=!1,onOpenChange:t,onOpenChangeComplete:a,position:g,defaultPosition:s=Ft,onPositionChange:c,onPositionCommit:r,size:E,defaultSize:h=xt,onSizeChange:F,onSizeCommit:x,minSize:i=bt,maxSize:d=wt,boundary:y,stage:R,defaultStage:T="default",onStageChange:C,draggable:l=!0,resizable:b=!0,step:L=10,disabled:v=!1,getGestureAnnouncement:J}){let X=m.useRef(null),k=m.useRef(null),[V,W]=m.useState(!1),[he,ye]=m.useState(!1),[Re,Fe]=m.useState(!1),[xe,be]=m.useState(!1),[S,we]=m.useState(null),[Te,Ce]=m.useState({x:0,y:0}),[M=!1,ze]=G({prop:o,defaultProp:n,onChange:t}),[p=s,_]=G({prop:g,defaultProp:s,onChange:c}),[u=h,Z]=G({prop:E,defaultProp:h,onChange:F}),[Ee="default",ve]=G({prop:R,defaultProp:T,onChange:C});yt(M,k,a);let De=Tt(y,we,Ce);m.useEffect(()=>{if(!S)return;let f=Math.min(u.width,Math.max(i.width,S.width)),z=Math.min(u.height,Math.max(i.height,S.height));(f!==u.width||z!==u.height)&&Z({width:f,height:z});let w=$(p.x,0,Math.max(0,S.width-f)),D=$(p.y,0,Math.max(0,S.height-z));(w!==p.x||D!==p.y)&&_({x:w,y:D})},[S,u,i,p,Z,_]);let de=m.useRef(M);m.useEffect(()=>{if(de.current&&!M){let f=document.activeElement;(!f||f===document.body||k.current?.contains(f))&&X.current?.focus()}de.current=M},[M]);let Se=le((f,z)=>{if(v||!l)return;let w=se(y),D={x:$(p.x+f,0,Math.max(0,w.width-u.width)),y:$(p.y+z,0,Math.max(0,w.height-u.height))};(D.x!==p.x||D.y!==p.y)&&_(D)}),Ie=le((f,z,w)=>{if(v||!b)return;let D=se(y),{x:U,y:K}=p,{width:N,height:A}=u;if(f.includes("e")&&(N=Y(u.width+z,i.width,d.width,D.width-U)),f.includes("w")){let B=U+N;N=Y(u.width-z,i.width,d.width,B),U=B-N}if(f.includes("s")&&(A=Y(u.height+w,i.height,d.height,D.height-K)),f.includes("n")){let B=K+A;A=Y(u.height-w,i.height,d.height,B),K=B-A}(N!==u.width||A!==u.height)&&Z({width:N,height:A}),(U!==p.x||K!==p.y)&&_({x:U,y:K})}),Me=le(f=>{f==="resize"&&x?.(u),r?.(p);let z={position:{x:Math.round(p.x),y:Math.round(p.y)},size:{width:Math.round(u.width),height:Math.round(u.height)}},w=(J??fe)(f,z);w&&ht(w)});return ge(Rt,{triggerRef:X,contentRef:k,contentId:m.useId(),titleId:m.useId(),hasTitle:xe,setHasTitle:be,open:M,onOpenChange:ze,position:p,size:u,minSize:i,maxSize:d,bounds:S,origin:Te,bounded:De,stage:Ee,onStageChange:ve,moveBy:Se,resizeBy:Ie,announceRelease:Me,draggable:l,resizable:b,disabled:v,step:L,dragging:V,setDragging:W,resizing:he,setResizing:ye,contentPresent:Re,setContentPresent:Fe,children:e})}pe.displayName="FloatingPanelRoot";function Pe({children:e,title:o,stages:n,dismissible:t=!0,resizable:a=!0,open:g,defaultOpen:s,onOpenChange:c,onOpenChangeComplete:r,position:E,defaultPosition:h,onPositionChange:F,onPositionCommit:x,size:i,defaultSize:d,onSizeChange:y,onSizeCommit:R,minSize:T,maxSize:C,boundary:l,stage:b,defaultStage:L,onStageChange:v,draggable:J,step:X,disabled:k,getGestureAnnouncement:V,...W}){return ge(pe,{open:g,defaultOpen:s,onOpenChange:c,onOpenChangeComplete:r,position:E,defaultPosition:h,onPositionChange:F,onPositionCommit:x,size:i,defaultSize:d,onSizeChange:y,onSizeCommit:R,minSize:T,maxSize:C,boundary:l,stage:b,defaultStage:L,onStageChange:v,draggable:J,resizable:a,step:X,disabled:k,getGestureAnnouncement:V,children:ge(me,{title:o,stages:n,dismissible:t,resizable:a,passThrough:W,children:e})})}Pe.displayName="FloatingPanel";import{useComposedRefs as Ct}from"../utils/composeRefs.js";import{skdxPart as zt}from"../utils/part.js";import{composeEventHandlers as Et,Primitive as vt}from"../utils/primitive.js";import{jsx as St}from"react/jsx-runtime";var Dt=({ref:e,...o})=>{let n=P("FloatingPanelTrigger"),t=Ct(e,n.triggerRef);return St(vt.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":n.open?"open":"closed",...o,...zt("floating-panel","trigger",o.className),ref:t,onClick:Et(o.onClick,()=>n.onOpenChange(!n.open))})};Dt.displayName="FloatingPanelTrigger";export{Pe as FloatingPanel,q as FloatingPanelCloseTrigger,j as FloatingPanelContent,te as FloatingPanelHeader,ne as FloatingPanelPortal,Rt as FloatingPanelProvider,ae as FloatingPanelResizeTrigger,pe as FloatingPanelRoot,ie as FloatingPanelStageTrigger,re as FloatingPanelTitle,Dt as FloatingPanelTrigger,fe as gestureAnnouncement,P as useFloatingPanelContext};
|
|
@@ -36,6 +36,10 @@ export interface FloatingPanelContextValue {
|
|
|
36
36
|
maxSize: FloatingPanelSize;
|
|
37
37
|
/** Measured boundary box (null before first measurement). ResizeTrigger uses it for `aria-valuemax`. */
|
|
38
38
|
bounds: FloatingPanelSize | null;
|
|
39
|
+
/** The boundary's top-left corner in the viewport, added to `position` when the content places itself on screen; the origin when the viewport is the boundary. */
|
|
40
|
+
origin: FloatingPanelPosition;
|
|
41
|
+
/** Whether an explicit boundary element is measured, so `maximized` fills it rather than the viewport. */
|
|
42
|
+
bounded: boolean;
|
|
39
43
|
stage: FloatingPanelStage;
|
|
40
44
|
onStageChange: (stage: FloatingPanelStage) => void;
|
|
41
45
|
moveBy: (dx: number, dy: number) => void;
|
|
@@ -36,6 +36,10 @@ export interface FloatingPanelContextValue {
|
|
|
36
36
|
maxSize: FloatingPanelSize;
|
|
37
37
|
/** Measured boundary box (null before first measurement). ResizeTrigger uses it for `aria-valuemax`. */
|
|
38
38
|
bounds: FloatingPanelSize | null;
|
|
39
|
+
/** The boundary's top-left corner in the viewport, added to `position` when the content places itself on screen; the origin when the viewport is the boundary. */
|
|
40
|
+
origin: FloatingPanelPosition;
|
|
41
|
+
/** Whether an explicit boundary element is measured, so `maximized` fills it rather than the viewport. */
|
|
42
|
+
bounded: boolean;
|
|
39
43
|
stage: FloatingPanelStage;
|
|
40
44
|
onStageChange: (stage: FloatingPanelStage) => void;
|
|
41
45
|
moveBy: (dx: number, dy: number) => void;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var t=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var G=(r,e)=>{for(var o in e)t(r,o,{get:e[o],enumerable:!0})},i=(r,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of f(e))!y.call(r,p)&&p!==o&&t(r,p,{get:()=>e[p],enumerable:!(a=s(e,p))||a.enumerable});return r};var l=r=>i(t({},"__esModule",{value:!0}),r);var P={};G(P,{Gauge:()=>m});module.exports=l(P);var u=require("../progress/Progress.cjs"),g=require("react/jsx-runtime");function m({role:r="meter",circular:e=!0,...o}){return(0,g.jsx)(u.Progress,{role:r,circular:e,...o})}m.displayName="Gauge";0&&(module.exports={Gauge});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { JSX } from 'react';
|
|
2
|
+
import type { GaugeProps } from './types.cjs';
|
|
3
|
+
/**
|
|
4
|
+
* Gauge alias of {@link Progress}: the same component with `role='meter'` and `circular=true` as defaults. Every Progress prop applies; reach for Progress itself for full control.
|
|
5
|
+
*/
|
|
6
|
+
export declare function Gauge({ role, circular, ...rest }: GaugeProps): JSX.Element;
|
|
7
|
+
export declare namespace Gauge {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { JSX } from 'react';
|
|
2
|
+
import type { GaugeProps } from './types.js';
|
|
3
|
+
/**
|
|
4
|
+
* Gauge alias of {@link Progress}: the same component with `role='meter'` and `circular=true` as defaults. Every Progress prop applies; reach for Progress itself for full control.
|
|
5
|
+
*/
|
|
6
|
+
export declare function Gauge({ role, circular, ...rest }: GaugeProps): JSX.Element;
|
|
7
|
+
export declare namespace Gauge {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var i=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var a=(o,r)=>{for(var t in r)i(o,t,{get:r[t],enumerable:!0})},l=(o,r,t,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of s(r))!G.call(o,p)&&p!==t&&i(o,p,{get:()=>r[p],enumerable:!(d=f(r,p))||d.enumerable});return o};var n=o=>l(i({},"__esModule",{value:!0}),o);var x={};a(x,{Grid:()=>e});module.exports=n(x);var m=require("../box/Box.cjs"),y=require("react/jsx-runtime");function e({display:o="grid",...r}){return(0,y.jsx)(m.Box,{display:o,...r})}e.displayName="Grid";0&&(module.exports={Grid});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { JSX } from 'react';
|
|
2
|
+
import type { GridProps } from './types.cjs';
|
|
3
|
+
/**
|
|
4
|
+
* Grid alias of {@link Box}: the same component with `display='grid'` as defaults. Every Box prop applies; reach for Box itself for full control.
|
|
5
|
+
*/
|
|
6
|
+
export declare function Grid({ display, ...rest }: GridProps): JSX.Element;
|
|
7
|
+
export declare namespace Grid {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { JSX } from 'react';
|
|
2
|
+
import type { GridProps } from './types.js';
|
|
3
|
+
/**
|
|
4
|
+
* Grid alias of {@link Box}: the same component with `display='grid'` as defaults. Every Box prop applies; reach for Box itself for full control.
|
|
5
|
+
*/
|
|
6
|
+
export declare function Grid({ display, ...rest }: GridProps): JSX.Element;
|
|
7
|
+
export declare namespace Grid {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var R=Object.defineProperty;var Ue=Object.getOwnPropertyDescriptor;var ze=Object.getOwnPropertyNames;var We=Object.prototype.hasOwnProperty;var Qe=(y,a)=>{for(var x in a)R(y,x,{get:a[x],enumerable:!0})},Ye=(y,a,x,L)=>{if(a&&typeof a=="object"||typeof a=="function")for(let P of ze(a))!We.call(y,P)&&P!==x&&R(y,P,{get:()=>a[P],enumerable:!(L=Ue(a,P))||L.enumerable});return y};var Ke=y=>Ye(R({},"__esModule",{value:!0}),y);var je={};Qe(je,{ANNOUNCE_DEBOUNCE_MS:()=>r.ANNOUNCE_DEBOUNCE_MS,Accordion:()=>fe.Accordion,Alert:()=>Y.Alert,AngleSlider:()=>Pe.AngleSlider,AspectRatio:()=>J.AspectRatio,Autocomplete:()=>_e.Autocomplete,Avatar:()=>_.Avatar,Badge:()=>w.Badge,Box:()=>v.Box,Breadcrumb:()=>Se.Breadcrumb,Button:()=>k.Button,CHARACTER_COUNT_ANNOUNCE_DELAY_MS:()=>o.CHARACTER_COUNT_ANNOUNCE_DELAY_MS,Calendar:()=>e.Calendar,Card:()=>i.Card,CardContent:()=>i.CardContent,CardFooter:()=>i.CardFooter,CardHeader:()=>i.CardHeader,Carousel:()=>g.Carousel,Checkbox:()=>le.Checkbox,CheckboxCard:()=>ne.CheckboxCard,CheckboxGroup:()=>ie.CheckboxGroup,Clipboard:()=>W.Clipboard,Collapsible:()=>Te.Collapsible,ColorPicker:()=>xe.ColorPicker,Combobox:()=>h.Combobox,Command:()=>A.Command,DEFAULT_TOAST_DURATION:()=>n.DEFAULT_TOAST_DURATION,DateField:()=>Re.DateField,DatePicker:()=>Oe.DatePicker,Dialog:()=>Ie.Dialog,DirectionProvider:()=>T.DirectionProvider,Divider:()=>V.Divider,Drawer:()=>Me.Drawer,Editable:()=>Ce.Editable,FIELD_CHARACTER_COUNT_ATTRIBUTE:()=>o.FIELD_CHARACTER_COUNT_ATTRIBUTE,FIELD_CONTROL_SELECTOR:()=>o.FIELD_CONTROL_SELECTOR,FIELD_VALIDITY_CHANGE_EVENT:()=>o.FIELD_VALIDITY_CHANGE_EVENT,Field:()=>o.Field,Fieldset:()=>o.Fieldset,FileUpload:()=>oe.FileUpload,FloatingPanel:()=>D.FloatingPanel,Form:()=>c.Form,FormField:()=>c.FormField,Heading:()=>we.Heading,Image:()=>N.Image,Kbd:()=>U.Kbd,Label:()=>G.Label,Link:()=>E.Link,List:()=>l.List,ListDescription:()=>l.ListDescription,ListItem:()=>l.ListItem,ListTerm:()=>l.ListTerm,Listbox:()=>Ee.Listbox,LiveAnnouncer:()=>r.LiveAnnouncer,LoadingOverlay:()=>q.LoadingOverlay,Mentions:()=>F.Mentions,Menu:()=>Ge.Menu,Menubar:()=>ve.Menubar,NATIVE_INVALID_FALLBACK_MESSAGE:()=>o.NATIVE_INVALID_FALLBACK_MESSAGE,NavigationMenu:()=>be.NavigationMenu,NumberField:()=>re.NumberField,Pagination:()=>De.Pagination,PasswordInput:()=>Z.PasswordInput,PinInput:()=>b.PinInput,Popover:()=>S.Popover,Portal:()=>I.Portal,Presence:()=>C.Presence,Progress:()=>B.Progress,QrCode:()=>Q.QrCode,RadioCard:()=>se.RadioCard,RadioGroup:()=>ye.RadioGroup,Rating:()=>de.Rating,ResizablePanel:()=>s.ResizablePanel,ResizablePanelGroup:()=>s.ResizablePanelGroup,ScrollArea:()=>f.ScrollArea,Select:()=>Ne.Select,Skeleton:()=>K.Skeleton,Slider:()=>ue.Slider,Slot:()=>O.Slot,SpeedDial:()=>Ve.SpeedDial,Spinner:()=>j.Spinner,SplitButton:()=>z.SplitButton,Stepper:()=>he.Stepper,Switch:()=>me.Switch,Table:()=>m.Table,TableCell:()=>m.TableCell,TableRow:()=>m.TableRow,Tabs:()=>ge.Tabs,TagGroup:()=>te.TagGroup,TagsInput:()=>ee.TagsInput,Text:()=>Be.Text,TextField:()=>X.TextField,Textarea:()=>$.Textarea,Time:()=>u.Time,TimeField:()=>Le.TimeField,Timeline:()=>Ae.Timeline,Toaster:()=>n.Toaster,Toggle:()=>pe.Toggle,ToggleGroup:()=>ae.ToggleGroup,Toolbar:()=>ce.Toolbar,Tour:()=>He.Tour,Transfer:()=>ke.Transfer,Tree:()=>Fe.Tree,TreeSelect:()=>d.TreeSelect,VisuallyHidden:()=>M.VisuallyHidden,addDays:()=>e.addDays,addMonths:()=>e.addMonths,announce:()=>r.announce,characterCountMessage:()=>o.characterCountMessage,characterCountVisible:()=>o.characterCountVisible,clearAnnouncements:()=>r.clearAnnouncements,createToaster:()=>n.createToaster,defaultCommandFilter:()=>A.defaultCommandFilter,defaultGetMatchCountLabel:()=>d.defaultGetMatchCountLabel,defaultGetResultCountLabel:()=>F.defaultGetResultCountLabel,defaultOptionsFilter:()=>h.defaultOptionsFilter,defaultTreeSelectFilter:()=>d.defaultTreeSelectFilter,emptySelection:()=>e.emptySelection,findFieldControl:()=>o.findFieldControl,formatAbsolute:()=>u.formatAbsolute,formatColor:()=>t.formatColor,formatDateLabel:()=>e.formatDateLabel,formatMonthLabel:()=>e.formatMonthLabel,formatRelative:()=>u.formatRelative,formatYear:()=>e.formatYear,formatYearRange:()=>e.formatYearRange,gestureAnnouncement:()=>D.gestureAnnouncement,getISOWeek:()=>e.getISOWeek,getLocaleWeekStartsOn:()=>e.getLocaleWeekStartsOn,getMonthNames:()=>e.getMonthNames,getVisibleWeeks:()=>e.getVisibleWeeks,getWeekDayNames:()=>e.getWeekDayNames,hexToRgb:()=>t.hexToRgb,hsbToHsl:()=>t.hsbToHsl,hsbToRgb:()=>t.hsbToRgb,hslToHsb:()=>t.hslToHsb,hslToRgb:()=>t.hslToRgb,isDateRange:()=>e.isDateRange,isDateSelected:()=>e.isDateSelected,isSameDay:()=>e.isSameDay,isSameMonth:()=>e.isSameMonth,nextSelection:()=>e.nextSelection,parseColor:()=>t.parseColor,pinInputDigitLabel:()=>b.pinInputDigitLabel,rangePositionOf:()=>e.rangePositionOf,resolveLocale:()=>e.resolveLocale,rgbToHex:()=>t.rgbToHex,rgbToHsb:()=>t.rgbToHsb,rgbToHsl:()=>t.rgbToHsl,toCalendarString:()=>p.toCalendarString,toCalendarValue:()=>p.toCalendarValue,toDate:()=>p.toDate,toISODateValue:()=>p.toISODateValue,toTimeValue:()=>p.toTimeValue,useCalendarContext:()=>e.useCalendarContext,useCarouselContext:()=>g.useCarouselContext,useComposedRefs:()=>H.useComposedRefs,useDirection:()=>T.useDirection,useLiveAnnouncer:()=>r.useLiveAnnouncer,usePopoverContext:()=>S.usePopoverContext,usePresence:()=>C.usePresence,useResizableContext:()=>s.useResizableContext,useScrollAreaContext:()=>f.useScrollAreaContext,useToaster:()=>n.useToaster});module.exports=Ke(je);var O=require("./utils/slot.cjs"),Je=require("./utils/primitive.cjs"),I=require("./utils/portal.cjs"),M=require("./utils/visuallyHidden.cjs"),C=require("./utils/presence.cjs"),T=require("./utils/direction.cjs"),r=require("./utils/liveAnnouncer.cjs"),H=require("./utils/composeRefs.cjs"),Xe=require("./utils/formControl.cjs"),Ze=require("./utils/useSelection.cjs"),t=require("./utils/color.cjs"),G=require("./label/Label.cjs"),V=require("./divider/Divider.cjs"),v=require("./box/Box.cjs"),l=require("./list/List.cjs"),E=require("./link/Link.cjs"),N=require("./image/Image.cjs"),k=require("./button/Button.cjs"),_=require("./avatar/Avatar.cjs"),B=require("./progress/Progress.cjs"),w=require("./badge/Badge.cjs"),U=require("./kbd/Kbd.cjs"),i=require("./card/Card.cjs"),z=require("./split-button/SplitButton.cjs"),W=require("./clipboard/Clipboard.cjs"),Q=require("./qr-code/QrCode.cjs"),Y=require("./alert/Alert.cjs"),K=require("./skeleton/Skeleton.cjs"),j=require("./spinner/Spinner.cjs"),q=require("./loading-overlay/LoadingOverlay.cjs"),J=require("./aspect-ratio/AspectRatio.cjs"),f=require("./scroll-area/ScrollArea.cjs"),s=require("./resizable/Resizable.cjs"),g=require("./carousel/Carousel.cjs"),c=require("./form/Form.cjs"),o=require("./field/Field.cjs"),b=require("./pin-input/PinInput.cjs"),X=require("./text-field/TextField.cjs"),Z=require("./password-input/PasswordInput.cjs"),$=require("./textarea/Textarea.cjs"),ee=require("./tags-input/TagsInput.cjs"),te=require("./tag-group/TagGroup.cjs"),oe=require("./file-upload/FileUpload.cjs"),re=require("./number-field/NumberField.cjs"),pe=require("./toggle/Toggle.cjs"),ae=require("./toggle-group/ToggleGroup.cjs"),le=require("./checkbox/Checkbox.cjs"),ie=require("./checkbox-group/CheckboxGroup.cjs"),ne=require("./checkbox-card/CheckboxCard.cjs"),ye=require("./radio-group/RadioGroup.cjs"),se=require("./radio-card/RadioCard.cjs"),me=require("./switch/Switch.cjs"),de=require("./rating/Rating.cjs"),ue=require("./slider/Slider.cjs"),Pe=require("./angle-slider/AngleSlider.cjs"),xe=require("./color-picker/ColorPicker.cjs"),Ce=require("./editable/Editable.cjs"),Te=require("./collapsible/Collapsible.cjs"),fe=require("./accordion/Accordion.cjs"),ge=require("./tabs/Tabs.cjs"),ce=require("./toolbar/Toolbar.cjs"),be=require("./navigation-menu/NavigationMenu.cjs"),Se=require("./breadcrumb/Breadcrumb.cjs"),De=require("./pagination/Pagination.cjs"),m=require("./table/Table.cjs"),Fe=require("./tree/Tree.cjs"),he=require("./stepper/Stepper.cjs"),Ae=require("./timeline/Timeline.cjs"),e=require("./calendar/Calendar.cjs"),Re=require("./date-field/DateField.cjs"),Le=require("./time-field/TimeField.cjs"),p=require("./utils/date-value.cjs"),Oe=require("./date-picker/DatePicker.cjs"),Ie=require("./dialog/Dialog.cjs"),Me=require("./drawer/Drawer.cjs"),S=require("./popover/Popover.cjs"),D=require("./floating-panel/FloatingPanel.cjs"),He=require("./tour/Tour.cjs"),Ge=require("./menu/Menu.cjs"),Ve=require("./speed-dial/SpeedDial.cjs"),ve=require("./menubar/Menubar.cjs"),F=require("./mentions/Mentions.cjs"),Ee=require("./listbox/Listbox.cjs"),Ne=require("./select/Select.cjs"),h=require("./combobox/Combobox.cjs"),d=require("./tree-select/TreeSelect.cjs"),ke=require("./transfer/Transfer.cjs"),_e=require("./autocomplete/Autocomplete.cjs"),A=require("./command/Command.cjs"),n=require("./toast/Toast.cjs"),Be=require("./text/Text.cjs"),we=require("./heading/Heading.cjs"),u=require("./time/Time.cjs");0&&(module.exports={ANNOUNCE_DEBOUNCE_MS,Accordion,Alert,AngleSlider,AspectRatio,Autocomplete,Avatar,Badge,Box,Breadcrumb,Button,CHARACTER_COUNT_ANNOUNCE_DELAY_MS,Calendar,Card,CardContent,CardFooter,CardHeader,Carousel,Checkbox,CheckboxCard,CheckboxGroup,Clipboard,Collapsible,ColorPicker,Combobox,Command,DEFAULT_TOAST_DURATION,DateField,DatePicker,Dialog,DirectionProvider,Divider,Drawer,Editable,FIELD_CHARACTER_COUNT_ATTRIBUTE,FIELD_CONTROL_SELECTOR,FIELD_VALIDITY_CHANGE_EVENT,Field,Fieldset,FileUpload,FloatingPanel,Form,FormField,Heading,Image,Kbd,Label,Link,List,ListDescription,ListItem,ListTerm,Listbox,LiveAnnouncer,LoadingOverlay,Mentions,Menu,Menubar,NATIVE_INVALID_FALLBACK_MESSAGE,NavigationMenu,NumberField,Pagination,PasswordInput,PinInput,Popover,Portal,Presence,Progress,QrCode,RadioCard,RadioGroup,Rating,ResizablePanel,ResizablePanelGroup,ScrollArea,Select,Skeleton,Slider,Slot,SpeedDial,Spinner,SplitButton,Stepper,Switch,Table,TableCell,TableRow,Tabs,TagGroup,TagsInput,Text,TextField,Textarea,Time,TimeField,Timeline,Toaster,Toggle,ToggleGroup,Toolbar,Tour,Transfer,Tree,TreeSelect,VisuallyHidden,addDays,addMonths,announce,characterCountMessage,characterCountVisible,clearAnnouncements,createToaster,defaultCommandFilter,defaultGetMatchCountLabel,defaultGetResultCountLabel,defaultOptionsFilter,defaultTreeSelectFilter,emptySelection,findFieldControl,formatAbsolute,formatColor,formatDateLabel,formatMonthLabel,formatRelative,formatYear,formatYearRange,gestureAnnouncement,getISOWeek,getLocaleWeekStartsOn,getMonthNames,getVisibleWeeks,getWeekDayNames,hexToRgb,hsbToHsl,hsbToRgb,hslToHsb,hslToRgb,isDateRange,isDateSelected,isSameDay,isSameMonth,nextSelection,parseColor,pinInputDigitLabel,rangePositionOf,resolveLocale,rgbToHex,rgbToHsb,rgbToHsl,toCalendarString,toCalendarValue,toDate,toISODateValue,toTimeValue,useCalendarContext,useCarouselContext,useComposedRefs,useDirection,useLiveAnnouncer,usePopoverContext,usePresence,useResizableContext,useScrollAreaContext,useToaster});
|
|
2
|
+
"use strict";var M=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var rt=Object.getOwnPropertyNames;var pt=Object.prototype.hasOwnProperty;var at=(y,a)=>{for(var f in a)M(y,f,{get:a[f],enumerable:!0})},it=(y,a,f,L)=>{if(a&&typeof a=="object"||typeof a=="function")for(let x of rt(a))!pt.call(y,x)&&x!==f&&M(y,x,{get:()=>a[x],enumerable:!(L=ot(a,x))||L.enumerable});return y};var lt=y=>it(M({},"__esModule",{value:!0}),y);var nt={};at(nt,{ANNOUNCE_DEBOUNCE_MS:()=>r.ANNOUNCE_DEBOUNCE_MS,Accordion:()=>Ae.Accordion,Alert:()=>ee.Alert,AngleSlider:()=>De.AngleSlider,AspectRatio:()=>ae.AspectRatio,Autocomplete:()=>Xe.Autocomplete,Avatar:()=>Q.Avatar,Backdrop:()=>pe.Backdrop,Badge:()=>Y.Badge,Box:()=>E.Box,Breadcrumb:()=>Ie.Breadcrumb,Button:()=>U.Button,CHARACTER_COUNT_ANNOUNCE_DELAY_MS:()=>o.CHARACTER_COUNT_ANNOUNCE_DELAY_MS,Calendar:()=>e.Calendar,Card:()=>l.Card,CardContent:()=>l.CardContent,CardFooter:()=>l.CardFooter,CardHeader:()=>l.CardHeader,Carousel:()=>c.Carousel,Checkbox:()=>xe.Checkbox,CheckboxCard:()=>Ce.CheckboxCard,CheckboxGroup:()=>fe.CheckboxGroup,Chip:()=>j.Chip,Clipboard:()=>Z.Clipboard,Collapsible:()=>Re.Collapsible,ColorPicker:()=>Fe.ColorPicker,Combobox:()=>R.Combobox,Command:()=>A.Command,DEFAULT_TOAST_DURATION:()=>n.DEFAULT_TOAST_DURATION,DateField:()=>Ve.DateField,DatePicker:()=>Ne.DatePicker,DateRangePicker:()=>_e.DateRangePicker,DateTimePicker:()=>Be.DateTimePicker,Dialog:()=>we.Dialog,Dialogs:()=>d.Dialogs,DirectionProvider:()=>T.DirectionProvider,Divider:()=>V.Divider,Drawer:()=>Ue.Drawer,Editable:()=>he.Editable,FIELD_CHARACTER_COUNT_ATTRIBUTE:()=>o.FIELD_CHARACTER_COUNT_ATTRIBUTE,FIELD_CONTROL_SELECTOR:()=>o.FIELD_CONTROL_SELECTOR,FIELD_VALIDITY_CHANGE_EVENT:()=>o.FIELD_VALIDITY_CHANGE_EVENT,Fab:()=>z.Fab,Field:()=>o.Field,Fieldset:()=>o.Fieldset,FileUpload:()=>me.FileUpload,FloatingPanel:()=>F.FloatingPanel,Form:()=>b.Form,FormField:()=>b.FormField,Gauge:()=>K.Gauge,Grid:()=>B.Grid,Heading:()=>$e.Heading,Image:()=>w.Image,Kbd:()=>q.Kbd,Label:()=>k.Label,Link:()=>_.Link,List:()=>i.List,ListDescription:()=>i.ListDescription,ListItem:()=>i.ListItem,ListTerm:()=>i.ListTerm,Listbox:()=>je.Listbox,LiveAnnouncer:()=>r.LiveAnnouncer,LoadingOverlay:()=>re.LoadingOverlay,Mentions:()=>h.Mentions,Menu:()=>We.Menu,Menubar:()=>Ye.Menubar,NATIVE_INVALID_FALLBACK_MESSAGE:()=>o.NATIVE_INVALID_FALLBACK_MESSAGE,NavigationMenu:()=>Le.NavigationMenu,NumberField:()=>de.NumberField,Pagination:()=>He.Pagination,Paper:()=>J.Paper,PasswordInput:()=>le.PasswordInput,PinInput:()=>S.PinInput,Popover:()=>D.Popover,Portal:()=>H.Portal,Presence:()=>C.Presence,Progress:()=>W.Progress,QrCode:()=>$.QrCode,RadioCard:()=>ge.RadioCard,RadioGroup:()=>Te.RadioGroup,Rating:()=>be.Rating,ResizablePanel:()=>s.ResizablePanel,ResizablePanelGroup:()=>s.ResizablePanelGroup,ScrollArea:()=>g.ScrollArea,Select:()=>qe.Select,Skeleton:()=>te.Skeleton,Slider:()=>Se.Slider,Slot:()=>I.Slot,SpeedDial:()=>Ke.SpeedDial,Spinner:()=>oe.Spinner,SplitButton:()=>X.SplitButton,Stack:()=>N.Stack,Stepper:()=>ve.Stepper,Switch:()=>ce.Switch,Table:()=>m.Table,TableCell:()=>m.TableCell,TableRow:()=>m.TableRow,Tabs:()=>Oe.Tabs,TagGroup:()=>se.TagGroup,TagsInput:()=>ye.TagsInput,Text:()=>Ze.Text,TextField:()=>ie.TextField,Textarea:()=>ne.Textarea,Time:()=>u.Time,TimeField:()=>Ee.TimeField,Timeline:()=>ke.Timeline,Toaster:()=>n.Toaster,Toggle:()=>Pe.Toggle,ToggleGroup:()=>ue.ToggleGroup,Toolbar:()=>Me.Toolbar,Tooltip:()=>ze.Tooltip,Tour:()=>Qe.Tour,Transfer:()=>Je.Transfer,Tree:()=>Ge.Tree,TreeSelect:()=>P.TreeSelect,VisuallyHidden:()=>G.VisuallyHidden,addDays:()=>e.addDays,addMonths:()=>e.addMonths,announce:()=>r.announce,characterCountMessage:()=>o.characterCountMessage,characterCountVisible:()=>o.characterCountVisible,clearAnnouncements:()=>r.clearAnnouncements,createDialogs:()=>d.createDialogs,createToaster:()=>n.createToaster,defaultCommandFilter:()=>A.defaultCommandFilter,defaultGetMatchCountLabel:()=>P.defaultGetMatchCountLabel,defaultGetResultCountLabel:()=>h.defaultGetResultCountLabel,defaultOptionsFilter:()=>R.defaultOptionsFilter,defaultTreeSelectFilter:()=>P.defaultTreeSelectFilter,emptySelection:()=>e.emptySelection,findFieldControl:()=>o.findFieldControl,formatAbsolute:()=>u.formatAbsolute,formatColor:()=>t.formatColor,formatDateLabel:()=>e.formatDateLabel,formatMonthLabel:()=>e.formatMonthLabel,formatRelative:()=>u.formatRelative,formatYear:()=>e.formatYear,formatYearRange:()=>e.formatYearRange,gestureAnnouncement:()=>F.gestureAnnouncement,getISOWeek:()=>e.getISOWeek,getLocaleWeekStartsOn:()=>e.getLocaleWeekStartsOn,getMonthNames:()=>e.getMonthNames,getVisibleWeeks:()=>e.getVisibleWeeks,getWeekDayNames:()=>e.getWeekDayNames,hexToRgb:()=>t.hexToRgb,hsbToHsl:()=>t.hsbToHsl,hsbToRgb:()=>t.hsbToRgb,hslToHsb:()=>t.hslToHsb,hslToRgb:()=>t.hslToRgb,isDateRange:()=>e.isDateRange,isDateSelected:()=>e.isDateSelected,isSameDay:()=>e.isSameDay,isSameMonth:()=>e.isSameMonth,matchesMediaQuery:()=>O.matchesMediaQuery,nextSelection:()=>e.nextSelection,parseColor:()=>t.parseColor,pinInputDigitLabel:()=>S.pinInputDigitLabel,rangePositionOf:()=>e.rangePositionOf,resolveLocale:()=>e.resolveLocale,rgbToHex:()=>t.rgbToHex,rgbToHsb:()=>t.rgbToHsb,rgbToHsl:()=>t.rgbToHsl,subscribeMediaQuery:()=>O.subscribeMediaQuery,toCalendarString:()=>p.toCalendarString,toCalendarValue:()=>p.toCalendarValue,toCsv:()=>tt.toCsv,toDate:()=>p.toDate,toISODateValue:()=>p.toISODateValue,toTimeValue:()=>p.toTimeValue,useCalendarContext:()=>e.useCalendarContext,useCarouselContext:()=>c.useCarouselContext,useComposedRefs:()=>v.useComposedRefs,useDialogs:()=>d.useDialogs,useDirection:()=>T.useDirection,useLiveAnnouncer:()=>r.useLiveAnnouncer,useMediaQuery:()=>et.useMediaQuery,usePopoverContext:()=>D.usePopoverContext,usePresence:()=>C.usePresence,useResizableContext:()=>s.useResizableContext,useScrollAreaContext:()=>g.useScrollAreaContext,useToaster:()=>n.useToaster});module.exports=lt(nt);var I=require("./utils/slot.cjs"),st=require("./utils/primitive.cjs"),H=require("./utils/portal.cjs"),G=require("./utils/visuallyHidden.cjs"),C=require("./utils/presence.cjs"),T=require("./utils/direction.cjs"),r=require("./utils/liveAnnouncer.cjs"),v=require("./utils/composeRefs.cjs"),mt=require("./utils/formControl.cjs"),dt=require("./utils/useSelection.cjs"),t=require("./utils/color.cjs"),k=require("./label/Label.cjs"),V=require("./divider/Divider.cjs"),E=require("./box/Box.cjs"),N=require("./stack/Stack.cjs"),B=require("./grid/Grid.cjs"),i=require("./list/List.cjs"),_=require("./link/Link.cjs"),w=require("./image/Image.cjs"),U=require("./button/Button.cjs"),z=require("./fab/Fab.cjs"),Q=require("./avatar/Avatar.cjs"),W=require("./progress/Progress.cjs"),K=require("./gauge/Gauge.cjs"),Y=require("./badge/Badge.cjs"),j=require("./chip/Chip.cjs"),q=require("./kbd/Kbd.cjs"),l=require("./card/Card.cjs"),J=require("./paper/Paper.cjs"),X=require("./split-button/SplitButton.cjs"),Z=require("./clipboard/Clipboard.cjs"),$=require("./qr-code/QrCode.cjs"),ee=require("./alert/Alert.cjs"),te=require("./skeleton/Skeleton.cjs"),oe=require("./spinner/Spinner.cjs"),re=require("./loading-overlay/LoadingOverlay.cjs"),pe=require("./backdrop/Backdrop.cjs"),ae=require("./aspect-ratio/AspectRatio.cjs"),g=require("./scroll-area/ScrollArea.cjs"),s=require("./resizable/Resizable.cjs"),c=require("./carousel/Carousel.cjs"),b=require("./form/Form.cjs"),o=require("./field/Field.cjs"),S=require("./pin-input/PinInput.cjs"),ie=require("./text-field/TextField.cjs"),le=require("./password-input/PasswordInput.cjs"),ne=require("./textarea/Textarea.cjs"),ye=require("./tags-input/TagsInput.cjs"),se=require("./tag-group/TagGroup.cjs"),me=require("./file-upload/FileUpload.cjs"),de=require("./number-field/NumberField.cjs"),Pe=require("./toggle/Toggle.cjs"),ue=require("./toggle-group/ToggleGroup.cjs"),xe=require("./checkbox/Checkbox.cjs"),fe=require("./checkbox-group/CheckboxGroup.cjs"),Ce=require("./checkbox-card/CheckboxCard.cjs"),Te=require("./radio-group/RadioGroup.cjs"),ge=require("./radio-card/RadioCard.cjs"),ce=require("./switch/Switch.cjs"),be=require("./rating/Rating.cjs"),Se=require("./slider/Slider.cjs"),De=require("./angle-slider/AngleSlider.cjs"),Fe=require("./color-picker/ColorPicker.cjs"),he=require("./editable/Editable.cjs"),Re=require("./collapsible/Collapsible.cjs"),Ae=require("./accordion/Accordion.cjs"),Oe=require("./tabs/Tabs.cjs"),Me=require("./toolbar/Toolbar.cjs"),Le=require("./navigation-menu/NavigationMenu.cjs"),Ie=require("./breadcrumb/Breadcrumb.cjs"),He=require("./pagination/Pagination.cjs"),m=require("./table/Table.cjs"),Ge=require("./tree/Tree.cjs"),ve=require("./stepper/Stepper.cjs"),ke=require("./timeline/Timeline.cjs"),e=require("./calendar/Calendar.cjs"),Ve=require("./date-field/DateField.cjs"),Ee=require("./time-field/TimeField.cjs"),p=require("./utils/date-value.cjs"),Ne=require("./date-picker/DatePicker.cjs"),Be=require("./date-time-picker/DateTimePicker.cjs"),_e=require("./date-range-picker/DateRangePicker.cjs"),we=require("./dialog/Dialog.cjs"),d=require("./dialog/Dialog.cjs"),Ue=require("./drawer/Drawer.cjs"),D=require("./popover/Popover.cjs"),ze=require("./tooltip/Tooltip.cjs"),F=require("./floating-panel/FloatingPanel.cjs"),Qe=require("./tour/Tour.cjs"),We=require("./menu/Menu.cjs"),Ke=require("./speed-dial/SpeedDial.cjs"),Ye=require("./menubar/Menubar.cjs"),h=require("./mentions/Mentions.cjs"),je=require("./listbox/Listbox.cjs"),qe=require("./select/Select.cjs"),R=require("./combobox/Combobox.cjs"),P=require("./tree-select/TreeSelect.cjs"),Je=require("./transfer/Transfer.cjs"),Xe=require("./autocomplete/Autocomplete.cjs"),A=require("./command/Command.cjs"),n=require("./toast/Toast.cjs"),Ze=require("./text/Text.cjs"),$e=require("./heading/Heading.cjs"),u=require("./time/Time.cjs"),et=require("./utils/useMediaQuery.cjs"),O=require("./utils/media-query.cjs"),tt=require("./utils/csv.cjs");0&&(module.exports={ANNOUNCE_DEBOUNCE_MS,Accordion,Alert,AngleSlider,AspectRatio,Autocomplete,Avatar,Backdrop,Badge,Box,Breadcrumb,Button,CHARACTER_COUNT_ANNOUNCE_DELAY_MS,Calendar,Card,CardContent,CardFooter,CardHeader,Carousel,Checkbox,CheckboxCard,CheckboxGroup,Chip,Clipboard,Collapsible,ColorPicker,Combobox,Command,DEFAULT_TOAST_DURATION,DateField,DatePicker,DateRangePicker,DateTimePicker,Dialog,Dialogs,DirectionProvider,Divider,Drawer,Editable,FIELD_CHARACTER_COUNT_ATTRIBUTE,FIELD_CONTROL_SELECTOR,FIELD_VALIDITY_CHANGE_EVENT,Fab,Field,Fieldset,FileUpload,FloatingPanel,Form,FormField,Gauge,Grid,Heading,Image,Kbd,Label,Link,List,ListDescription,ListItem,ListTerm,Listbox,LiveAnnouncer,LoadingOverlay,Mentions,Menu,Menubar,NATIVE_INVALID_FALLBACK_MESSAGE,NavigationMenu,NumberField,Pagination,Paper,PasswordInput,PinInput,Popover,Portal,Presence,Progress,QrCode,RadioCard,RadioGroup,Rating,ResizablePanel,ResizablePanelGroup,ScrollArea,Select,Skeleton,Slider,Slot,SpeedDial,Spinner,SplitButton,Stack,Stepper,Switch,Table,TableCell,TableRow,Tabs,TagGroup,TagsInput,Text,TextField,Textarea,Time,TimeField,Timeline,Toaster,Toggle,ToggleGroup,Toolbar,Tooltip,Tour,Transfer,Tree,TreeSelect,VisuallyHidden,addDays,addMonths,announce,characterCountMessage,characterCountVisible,clearAnnouncements,createDialogs,createToaster,defaultCommandFilter,defaultGetMatchCountLabel,defaultGetResultCountLabel,defaultOptionsFilter,defaultTreeSelectFilter,emptySelection,findFieldControl,formatAbsolute,formatColor,formatDateLabel,formatMonthLabel,formatRelative,formatYear,formatYearRange,gestureAnnouncement,getISOWeek,getLocaleWeekStartsOn,getMonthNames,getVisibleWeeks,getWeekDayNames,hexToRgb,hsbToHsl,hsbToRgb,hslToHsb,hslToRgb,isDateRange,isDateSelected,isSameDay,isSameMonth,matchesMediaQuery,nextSelection,parseColor,pinInputDigitLabel,rangePositionOf,resolveLocale,rgbToHex,rgbToHsb,rgbToHsl,subscribeMediaQuery,toCalendarString,toCalendarValue,toCsv,toDate,toISODateValue,toTimeValue,useCalendarContext,useCarouselContext,useComposedRefs,useDialogs,useDirection,useLiveAnnouncer,useMediaQuery,usePopoverContext,usePresence,useResizableContext,useScrollAreaContext,useToaster});
|
package/dist/index.d.cts
CHANGED
|
@@ -13,16 +13,22 @@ export { parseColor, formatColor, hexToRgb, rgbToHex, rgbToHsb, hsbToRgb, rgbToH
|
|
|
13
13
|
export { Label, type LabelProps } from './label/index.cjs';
|
|
14
14
|
export { Divider, type DividerProps } from './divider/index.cjs';
|
|
15
15
|
export { Box, type BoxProps } from './box/index.cjs';
|
|
16
|
+
export { Stack, type StackProps } from './stack/index.cjs';
|
|
17
|
+
export { Grid, type GridProps } from './grid/index.cjs';
|
|
16
18
|
export { List, ListItem, ListTerm, ListDescription, type ListProps, type ListItemProps, type ListTermProps, type ListDescriptionProps, type ListEntry, type ListOrientation, } from './list/index.cjs';
|
|
17
19
|
export { Link, type LinkProps } from './link/index.cjs';
|
|
18
20
|
export { Image, type ImageProps, type ImageLoadingStatus } from './image/index.cjs';
|
|
19
21
|
export type { Space } from './utils/resolveSpace.cjs';
|
|
20
22
|
export { Button, type ButtonProps } from './button/index.cjs';
|
|
23
|
+
export { Fab, type FabProps } from './fab/index.cjs';
|
|
21
24
|
export { Avatar, type AvatarProps } from './avatar/index.cjs';
|
|
22
25
|
export { Progress, type ProgressProps } from './progress/index.cjs';
|
|
26
|
+
export { Gauge, type GaugeProps } from './gauge/index.cjs';
|
|
23
27
|
export { Badge, type BadgeProps, type BadgeDeleteEvent } from './badge/index.cjs';
|
|
28
|
+
export { Chip, type ChipProps } from './chip/index.cjs';
|
|
24
29
|
export { Kbd, type KbdProps } from './kbd/index.cjs';
|
|
25
30
|
export { Card, CardHeader, CardContent, CardFooter, type CardProps, type CardHeaderProps, type CardContentProps, type CardFooterProps, } from './card/index.cjs';
|
|
31
|
+
export { Paper, type PaperProps } from './paper/index.cjs';
|
|
26
32
|
export { SplitButton, type SplitButtonProps, type SplitButtonItem } from './split-button/index.cjs';
|
|
27
33
|
export { Clipboard, type ClipboardHandle, type ClipboardProps, type ClipboardState, } from './clipboard/index.cjs';
|
|
28
34
|
export { QrCode, type QrCodeProps, type QrCodeErrorCorrection } from './qr-code/index.cjs';
|
|
@@ -30,6 +36,7 @@ export { Alert, type AlertProps } from './alert/index.cjs';
|
|
|
30
36
|
export { Skeleton, type SkeletonProps } from './skeleton/index.cjs';
|
|
31
37
|
export { Spinner, type SpinnerProps } from './spinner/index.cjs';
|
|
32
38
|
export { LoadingOverlay, type LoadingOverlayProps } from './loading-overlay/index.cjs';
|
|
39
|
+
export { Backdrop, type BackdropProps } from './backdrop/index.cjs';
|
|
33
40
|
export { AspectRatio, type AspectRatioProps } from './aspect-ratio/index.cjs';
|
|
34
41
|
export { ScrollArea, useScrollAreaContext, type ScrollAreaProps, type ScrollAreaOverflow, type ScrollAreaScrollPosition, type ScrollAreaScrollToOptions, } from './scroll-area/index.cjs';
|
|
35
42
|
export { ResizablePanelGroup, ResizablePanel, useResizableContext, type ResizablePanelGroupProps, type ResizablePanelProps, type ResizablePanelConfig, } from './resizable/index.cjs';
|
|
@@ -64,7 +71,7 @@ export { Toolbar, type ToolbarProps, type ToolbarItem } from './toolbar/index.cj
|
|
|
64
71
|
export { NavigationMenu, type NavigationMenuProps, type NavigationMenuItem, } from './navigation-menu/index.cjs';
|
|
65
72
|
export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './breadcrumb/index.cjs';
|
|
66
73
|
export { Pagination, type PaginationLabels, type PaginationProps } from './pagination/index.cjs';
|
|
67
|
-
export { Table, TableRow, TableCell, type TableColumn, type TableColumnWidths, type TableContextValue, type TableProps, type TableRowProps, type TableCellProps, type TableSort, type TableSortState, type SortDirection, type TableSelectionMode, } from './table/index.cjs';
|
|
74
|
+
export { Table, TableRow, TableCell, type TableColumn, type TableColumnWidths, type TableContextValue, type TableProps, type TableRowProps, type TableCellProps, type TableSort, type TableSortState, type TableFilterState, type SortDirection, type TableSelectionMode, } from './table/index.cjs';
|
|
68
75
|
export { Tree, type TreeNode, type TreeProps } from './tree/index.cjs';
|
|
69
76
|
export { Stepper, type StepStatus, type StepperOrientation, type StepperNavigationMode, type StepperProps, type StepperStep, } from './stepper/index.cjs';
|
|
70
77
|
export { Timeline, type TimelineProps, type TimelineItem } from './timeline/index.cjs';
|
|
@@ -74,9 +81,13 @@ export { TimeField, type TimeFieldProps, type TimeFieldHandle, type TimeGranular
|
|
|
74
81
|
export type { Granularity, HourCycle } from './utils/date-segments.cjs';
|
|
75
82
|
export { toCalendarString, toCalendarValue, toDate, toISODateValue, toTimeValue, type DateInput, } from './utils/date-value.cjs';
|
|
76
83
|
export { DatePicker, type DatePickerProps, type DatePickerHandle } from './date-picker/index.cjs';
|
|
84
|
+
export { DateTimePicker, type DateTimePickerProps } from './date-time-picker/index.cjs';
|
|
85
|
+
export { DateRangePicker, type DateRangePickerProps } from './date-range-picker/index.cjs';
|
|
77
86
|
export { Dialog, type DialogDismiss, type DialogProps, type DialogRole } from './dialog/index.cjs';
|
|
87
|
+
export { Dialogs, useDialogs, createDialogs, type DialogsProps, type DialogsStore, type DialogsEntry, type DialogsKind, type DialogsOptions, type DialogsPromptOptions, type DialogsResult, } from './dialog/index.cjs';
|
|
78
88
|
export { Drawer, type DrawerPlacement, type DrawerProps, type DrawerDismiss } from './drawer/index.cjs';
|
|
79
89
|
export { Popover, usePopoverContext, type PopoverProps } from './popover/index.cjs';
|
|
90
|
+
export { Tooltip, type TooltipProps } from './tooltip/index.cjs';
|
|
80
91
|
export { FloatingPanel, gestureAnnouncement, type FloatingPanelProps, type FloatingPanelPosition, type FloatingPanelSize, type FloatingPanelGeometry, type FloatingPanelStage, type FloatingPanelResizeDirection, } from './floating-panel/index.cjs';
|
|
81
92
|
export { Tour, type TourProps, type TourStep, type TourStepChange, type TourStepType, } from './tour/index.cjs';
|
|
82
93
|
export { Menu, type MenuProps, type MenuEntry } from './menu/index.cjs';
|
|
@@ -94,3 +105,6 @@ export { Toaster, createToaster, useToaster, DEFAULT_TOAST_DURATION, type Toaste
|
|
|
94
105
|
export { Text, type TextProps } from './text/index.cjs';
|
|
95
106
|
export { Heading, type HeadingProps } from './heading/index.cjs';
|
|
96
107
|
export { Time, formatAbsolute, formatRelative, type TimeProps } from './time/index.cjs';
|
|
108
|
+
export { useMediaQuery } from './utils/useMediaQuery.cjs';
|
|
109
|
+
export { matchesMediaQuery, subscribeMediaQuery } from './utils/media-query.cjs';
|
|
110
|
+
export { toCsv, type CsvColumn, type CsvOptions } from './utils/csv.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -13,16 +13,22 @@ export { parseColor, formatColor, hexToRgb, rgbToHex, rgbToHsb, hsbToRgb, rgbToH
|
|
|
13
13
|
export { Label, type LabelProps } from './label/index.js';
|
|
14
14
|
export { Divider, type DividerProps } from './divider/index.js';
|
|
15
15
|
export { Box, type BoxProps } from './box/index.js';
|
|
16
|
+
export { Stack, type StackProps } from './stack/index.js';
|
|
17
|
+
export { Grid, type GridProps } from './grid/index.js';
|
|
16
18
|
export { List, ListItem, ListTerm, ListDescription, type ListProps, type ListItemProps, type ListTermProps, type ListDescriptionProps, type ListEntry, type ListOrientation, } from './list/index.js';
|
|
17
19
|
export { Link, type LinkProps } from './link/index.js';
|
|
18
20
|
export { Image, type ImageProps, type ImageLoadingStatus } from './image/index.js';
|
|
19
21
|
export type { Space } from './utils/resolveSpace.js';
|
|
20
22
|
export { Button, type ButtonProps } from './button/index.js';
|
|
23
|
+
export { Fab, type FabProps } from './fab/index.js';
|
|
21
24
|
export { Avatar, type AvatarProps } from './avatar/index.js';
|
|
22
25
|
export { Progress, type ProgressProps } from './progress/index.js';
|
|
26
|
+
export { Gauge, type GaugeProps } from './gauge/index.js';
|
|
23
27
|
export { Badge, type BadgeProps, type BadgeDeleteEvent } from './badge/index.js';
|
|
28
|
+
export { Chip, type ChipProps } from './chip/index.js';
|
|
24
29
|
export { Kbd, type KbdProps } from './kbd/index.js';
|
|
25
30
|
export { Card, CardHeader, CardContent, CardFooter, type CardProps, type CardHeaderProps, type CardContentProps, type CardFooterProps, } from './card/index.js';
|
|
31
|
+
export { Paper, type PaperProps } from './paper/index.js';
|
|
26
32
|
export { SplitButton, type SplitButtonProps, type SplitButtonItem } from './split-button/index.js';
|
|
27
33
|
export { Clipboard, type ClipboardHandle, type ClipboardProps, type ClipboardState, } from './clipboard/index.js';
|
|
28
34
|
export { QrCode, type QrCodeProps, type QrCodeErrorCorrection } from './qr-code/index.js';
|
|
@@ -30,6 +36,7 @@ export { Alert, type AlertProps } from './alert/index.js';
|
|
|
30
36
|
export { Skeleton, type SkeletonProps } from './skeleton/index.js';
|
|
31
37
|
export { Spinner, type SpinnerProps } from './spinner/index.js';
|
|
32
38
|
export { LoadingOverlay, type LoadingOverlayProps } from './loading-overlay/index.js';
|
|
39
|
+
export { Backdrop, type BackdropProps } from './backdrop/index.js';
|
|
33
40
|
export { AspectRatio, type AspectRatioProps } from './aspect-ratio/index.js';
|
|
34
41
|
export { ScrollArea, useScrollAreaContext, type ScrollAreaProps, type ScrollAreaOverflow, type ScrollAreaScrollPosition, type ScrollAreaScrollToOptions, } from './scroll-area/index.js';
|
|
35
42
|
export { ResizablePanelGroup, ResizablePanel, useResizableContext, type ResizablePanelGroupProps, type ResizablePanelProps, type ResizablePanelConfig, } from './resizable/index.js';
|
|
@@ -64,7 +71,7 @@ export { Toolbar, type ToolbarProps, type ToolbarItem } from './toolbar/index.js
|
|
|
64
71
|
export { NavigationMenu, type NavigationMenuProps, type NavigationMenuItem, } from './navigation-menu/index.js';
|
|
65
72
|
export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './breadcrumb/index.js';
|
|
66
73
|
export { Pagination, type PaginationLabels, type PaginationProps } from './pagination/index.js';
|
|
67
|
-
export { Table, TableRow, TableCell, type TableColumn, type TableColumnWidths, type TableContextValue, type TableProps, type TableRowProps, type TableCellProps, type TableSort, type TableSortState, type SortDirection, type TableSelectionMode, } from './table/index.js';
|
|
74
|
+
export { Table, TableRow, TableCell, type TableColumn, type TableColumnWidths, type TableContextValue, type TableProps, type TableRowProps, type TableCellProps, type TableSort, type TableSortState, type TableFilterState, type SortDirection, type TableSelectionMode, } from './table/index.js';
|
|
68
75
|
export { Tree, type TreeNode, type TreeProps } from './tree/index.js';
|
|
69
76
|
export { Stepper, type StepStatus, type StepperOrientation, type StepperNavigationMode, type StepperProps, type StepperStep, } from './stepper/index.js';
|
|
70
77
|
export { Timeline, type TimelineProps, type TimelineItem } from './timeline/index.js';
|
|
@@ -74,9 +81,13 @@ export { TimeField, type TimeFieldProps, type TimeFieldHandle, type TimeGranular
|
|
|
74
81
|
export type { Granularity, HourCycle } from './utils/date-segments.js';
|
|
75
82
|
export { toCalendarString, toCalendarValue, toDate, toISODateValue, toTimeValue, type DateInput, } from './utils/date-value.js';
|
|
76
83
|
export { DatePicker, type DatePickerProps, type DatePickerHandle } from './date-picker/index.js';
|
|
84
|
+
export { DateTimePicker, type DateTimePickerProps } from './date-time-picker/index.js';
|
|
85
|
+
export { DateRangePicker, type DateRangePickerProps } from './date-range-picker/index.js';
|
|
77
86
|
export { Dialog, type DialogDismiss, type DialogProps, type DialogRole } from './dialog/index.js';
|
|
87
|
+
export { Dialogs, useDialogs, createDialogs, type DialogsProps, type DialogsStore, type DialogsEntry, type DialogsKind, type DialogsOptions, type DialogsPromptOptions, type DialogsResult, } from './dialog/index.js';
|
|
78
88
|
export { Drawer, type DrawerPlacement, type DrawerProps, type DrawerDismiss } from './drawer/index.js';
|
|
79
89
|
export { Popover, usePopoverContext, type PopoverProps } from './popover/index.js';
|
|
90
|
+
export { Tooltip, type TooltipProps } from './tooltip/index.js';
|
|
80
91
|
export { FloatingPanel, gestureAnnouncement, type FloatingPanelProps, type FloatingPanelPosition, type FloatingPanelSize, type FloatingPanelGeometry, type FloatingPanelStage, type FloatingPanelResizeDirection, } from './floating-panel/index.js';
|
|
81
92
|
export { Tour, type TourProps, type TourStep, type TourStepChange, type TourStepType, } from './tour/index.js';
|
|
82
93
|
export { Menu, type MenuProps, type MenuEntry } from './menu/index.js';
|
|
@@ -94,3 +105,6 @@ export { Toaster, createToaster, useToaster, DEFAULT_TOAST_DURATION, type Toaste
|
|
|
94
105
|
export { Text, type TextProps } from './text/index.js';
|
|
95
106
|
export { Heading, type HeadingProps } from './heading/index.js';
|
|
96
107
|
export { Time, formatAbsolute, formatRelative, type TimeProps } from './time/index.js';
|
|
108
|
+
export { useMediaQuery } from './utils/useMediaQuery.js';
|
|
109
|
+
export { matchesMediaQuery, subscribeMediaQuery } from './utils/media-query.js';
|
|
110
|
+
export { toCsv, type CsvColumn, type CsvOptions } from './utils/csv.js';
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{Slot as o}from"./utils/slot.js";import{}from"./utils/primitive.js";import{Portal as a}from"./utils/portal.js";import{VisuallyHidden as i}from"./utils/visuallyHidden.js";import{Presence as y,usePresence as s}from"./utils/presence.js";import{DirectionProvider as d,useDirection as u}from"./utils/direction.js";import{LiveAnnouncer as x,announce as C,clearAnnouncements as T,useLiveAnnouncer as f,ANNOUNCE_DEBOUNCE_MS as g}from"./utils/liveAnnouncer.js";import{useComposedRefs as b}from"./utils/composeRefs.js";import{}from"./utils/formControl.js";import{}from"./utils/useSelection.js";import{parseColor as h,formatColor as A,hexToRgb as R,rgbToHex as L,rgbToHsb as O,hsbToRgb as I,rgbToHsl as M,hslToRgb as H,hsbToHsl as G,hslToHsb as V}from"./utils/color.js";import{Label as E}from"./label/Label.js";import{Divider as k}from"./divider/Divider.js";import{Box as B}from"./box/Box.js";import{List as U,ListItem as z,ListTerm as W,ListDescription as Q}from"./list/List.js";import{Link as K}from"./link/Link.js";import{Image as q}from"./image/Image.js";import{Button as X}from"./button/Button.js";import{Avatar as $}from"./avatar/Avatar.js";import{Progress as te}from"./progress/Progress.js";import{Badge as re}from"./badge/Badge.js";import{Kbd as ae}from"./kbd/Kbd.js";import{Card as ie,CardHeader as ne,CardContent as ye,CardFooter as se}from"./card/Card.js";import{SplitButton as de}from"./split-button/SplitButton.js";import{Clipboard as Pe}from"./clipboard/Clipboard.js";import{QrCode as Ce}from"./qr-code/QrCode.js";import{Alert as fe}from"./alert/Alert.js";import{Skeleton as ce}from"./skeleton/Skeleton.js";import{Spinner as Se}from"./spinner/Spinner.js";import{LoadingOverlay as Fe}from"./loading-overlay/LoadingOverlay.js";import{AspectRatio as Ae}from"./aspect-ratio/AspectRatio.js";import{ScrollArea as Le,useScrollAreaContext as Oe}from"./scroll-area/ScrollArea.js";import{ResizablePanelGroup as Me,ResizablePanel as He,useResizableContext as Ge}from"./resizable/Resizable.js";import{Carousel as ve,useCarouselContext as Ee}from"./carousel/Carousel.js";import{Form as ke,FormField as _e}from"./form/Form.js";import{Field as we,Fieldset as Ue,CHARACTER_COUNT_ANNOUNCE_DELAY_MS as ze,characterCountMessage as We,characterCountVisible as Qe,FIELD_CHARACTER_COUNT_ATTRIBUTE as Ye,FIELD_CONTROL_SELECTOR as Ke,FIELD_VALIDITY_CHANGE_EVENT as je,NATIVE_INVALID_FALLBACK_MESSAGE as qe,findFieldControl as Je}from"./field/Field.js";import{PinInput as Ze,pinInputDigitLabel as $e}from"./pin-input/PinInput.js";import{TextField as tt}from"./text-field/TextField.js";import{PasswordInput as rt}from"./password-input/PasswordInput.js";import{Textarea as at}from"./textarea/Textarea.js";import{TagsInput as it}from"./tags-input/TagsInput.js";import{TagGroup as yt}from"./tag-group/TagGroup.js";import{FileUpload as mt}from"./file-upload/FileUpload.js";import{NumberField as ut}from"./number-field/NumberField.js";import{Toggle as xt}from"./toggle/Toggle.js";import{ToggleGroup as Tt}from"./toggle-group/ToggleGroup.js";import{Checkbox as gt}from"./checkbox/Checkbox.js";import{CheckboxGroup as bt}from"./checkbox-group/CheckboxGroup.js";import{CheckboxCard as Dt}from"./checkbox-card/CheckboxCard.js";import{RadioGroup as ht}from"./radio-group/RadioGroup.js";import{RadioCard as Rt}from"./radio-card/RadioCard.js";import{Switch as Ot}from"./switch/Switch.js";import{Rating as Mt}from"./rating/Rating.js";import{Slider as Gt}from"./slider/Slider.js";import{AngleSlider as vt}from"./angle-slider/AngleSlider.js";import{ColorPicker as Nt}from"./color-picker/ColorPicker.js";import{Editable as _t}from"./editable/Editable.js";import{Collapsible as wt}from"./collapsible/Collapsible.js";import{Accordion as zt}from"./accordion/Accordion.js";import{Tabs as Qt}from"./tabs/Tabs.js";import{Toolbar as Kt}from"./toolbar/Toolbar.js";import{NavigationMenu as qt}from"./navigation-menu/NavigationMenu.js";import{Breadcrumb as Xt}from"./breadcrumb/Breadcrumb.js";import{Pagination as $t}from"./pagination/Pagination.js";import{Table as to,TableRow as oo,TableCell as ro}from"./table/Table.js";import{Tree as ao}from"./tree/Tree.js";import{Stepper as io}from"./stepper/Stepper.js";import{Timeline as yo}from"./timeline/Timeline.js";import{Calendar as mo,useCalendarContext as uo,getVisibleWeeks as Po,isSameDay as xo,isSameMonth as Co,addMonths as To,addDays as fo,getISOWeek as go,isDateRange as co,isDateSelected as bo,rangePositionOf as So,nextSelection as Do,emptySelection as Fo,getMonthNames as ho,getWeekDayNames as Ao,getLocaleWeekStartsOn as Ro,formatMonthLabel as Lo,formatDateLabel as Oo,formatYear as Io,formatYearRange as Mo,resolveLocale as Ho}from"./calendar/Calendar.js";import{DateField as Vo}from"./date-field/DateField.js";import{TimeField as Eo}from"./time-field/TimeField.js";import{toCalendarString as ko,toCalendarValue as _o,toDate as Bo,toISODateValue as wo,toTimeValue as Uo}from"./utils/date-value.js";import{DatePicker as Wo}from"./date-picker/DatePicker.js";import{Dialog as Yo}from"./dialog/Dialog.js";import{Drawer as jo}from"./drawer/Drawer.js";import{Popover as Jo,usePopoverContext as Xo}from"./popover/Popover.js";import{FloatingPanel as $o,gestureAnnouncement as er}from"./floating-panel/FloatingPanel.js";import{Tour as or}from"./tour/Tour.js";import{Menu as pr}from"./menu/Menu.js";import{SpeedDial as lr}from"./speed-dial/SpeedDial.js";import{Menubar as nr}from"./menubar/Menubar.js";import{Mentions as sr,defaultGetResultCountLabel as mr}from"./mentions/Mentions.js";import{Listbox as ur}from"./listbox/Listbox.js";import{Select as xr}from"./select/Select.js";import{Combobox as Tr,defaultOptionsFilter as fr}from"./combobox/Combobox.js";import{TreeSelect as cr,defaultTreeSelectFilter as br,defaultGetMatchCountLabel as Sr}from"./tree-select/TreeSelect.js";import{Transfer as Fr}from"./transfer/Transfer.js";import{Autocomplete as Ar}from"./autocomplete/Autocomplete.js";import{Command as Lr,defaultCommandFilter as Or}from"./command/Command.js";import{Toaster as Mr,createToaster as Hr,useToaster as Gr,DEFAULT_TOAST_DURATION as Vr}from"./toast/Toast.js";import{Text as Er}from"./text/Text.js";import{Heading as kr}from"./heading/Heading.js";import{Time as Br,formatAbsolute as wr,formatRelative as Ur}from"./time/Time.js";export{g as ANNOUNCE_DEBOUNCE_MS,zt as Accordion,fe as Alert,vt as AngleSlider,Ae as AspectRatio,Ar as Autocomplete,$ as Avatar,re as Badge,B as Box,Xt as Breadcrumb,X as Button,ze as CHARACTER_COUNT_ANNOUNCE_DELAY_MS,mo as Calendar,ie as Card,ye as CardContent,se as CardFooter,ne as CardHeader,ve as Carousel,gt as Checkbox,Dt as CheckboxCard,bt as CheckboxGroup,Pe as Clipboard,wt as Collapsible,Nt as ColorPicker,Tr as Combobox,Lr as Command,Vr as DEFAULT_TOAST_DURATION,Vo as DateField,Wo as DatePicker,Yo as Dialog,d as DirectionProvider,k as Divider,jo as Drawer,_t as Editable,Ye as FIELD_CHARACTER_COUNT_ATTRIBUTE,Ke as FIELD_CONTROL_SELECTOR,je as FIELD_VALIDITY_CHANGE_EVENT,we as Field,Ue as Fieldset,mt as FileUpload,$o as FloatingPanel,ke as Form,_e as FormField,kr as Heading,q as Image,ae as Kbd,E as Label,K as Link,U as List,Q as ListDescription,z as ListItem,W as ListTerm,ur as Listbox,x as LiveAnnouncer,Fe as LoadingOverlay,sr as Mentions,pr as Menu,nr as Menubar,qe as NATIVE_INVALID_FALLBACK_MESSAGE,qt as NavigationMenu,ut as NumberField,$t as Pagination,rt as PasswordInput,Ze as PinInput,Jo as Popover,a as Portal,y as Presence,te as Progress,Ce as QrCode,Rt as RadioCard,ht as RadioGroup,Mt as Rating,He as ResizablePanel,Me as ResizablePanelGroup,Le as ScrollArea,xr as Select,ce as Skeleton,Gt as Slider,o as Slot,lr as SpeedDial,Se as Spinner,de as SplitButton,io as Stepper,Ot as Switch,to as Table,ro as TableCell,oo as TableRow,Qt as Tabs,yt as TagGroup,it as TagsInput,Er as Text,tt as TextField,at as Textarea,Br as Time,Eo as TimeField,yo as Timeline,Mr as Toaster,xt as Toggle,Tt as ToggleGroup,Kt as Toolbar,or as Tour,Fr as Transfer,ao as Tree,cr as TreeSelect,i as VisuallyHidden,fo as addDays,To as addMonths,C as announce,We as characterCountMessage,Qe as characterCountVisible,T as clearAnnouncements,Hr as createToaster,Or as defaultCommandFilter,Sr as defaultGetMatchCountLabel,mr as defaultGetResultCountLabel,fr as defaultOptionsFilter,br as defaultTreeSelectFilter,Fo as emptySelection,Je as findFieldControl,wr as formatAbsolute,A as formatColor,Oo as formatDateLabel,Lo as formatMonthLabel,Ur as formatRelative,Io as formatYear,Mo as formatYearRange,er as gestureAnnouncement,go as getISOWeek,Ro as getLocaleWeekStartsOn,ho as getMonthNames,Po as getVisibleWeeks,Ao as getWeekDayNames,R as hexToRgb,G as hsbToHsl,I as hsbToRgb,V as hslToHsb,H as hslToRgb,co as isDateRange,bo as isDateSelected,xo as isSameDay,Co as isSameMonth,Do as nextSelection,h as parseColor,$e as pinInputDigitLabel,So as rangePositionOf,Ho as resolveLocale,L as rgbToHex,O as rgbToHsb,M as rgbToHsl,ko as toCalendarString,_o as toCalendarValue,Bo as toDate,wo as toISODateValue,Uo as toTimeValue,uo as useCalendarContext,Ee as useCarouselContext,b as useComposedRefs,u as useDirection,f as useLiveAnnouncer,Xo as usePopoverContext,s as usePresence,Ge as useResizableContext,Oe as useScrollAreaContext,Gr as useToaster};
|
|
2
|
+
import{Slot as o}from"./utils/slot.js";import{}from"./utils/primitive.js";import{Portal as a}from"./utils/portal.js";import{VisuallyHidden as l}from"./utils/visuallyHidden.js";import{Presence as y,usePresence as s}from"./utils/presence.js";import{DirectionProvider as d,useDirection as P}from"./utils/direction.js";import{LiveAnnouncer as x,announce as f,clearAnnouncements as C,useLiveAnnouncer as T,ANNOUNCE_DEBOUNCE_MS as g}from"./utils/liveAnnouncer.js";import{useComposedRefs as b}from"./utils/composeRefs.js";import{}from"./utils/formControl.js";import{}from"./utils/useSelection.js";import{parseColor as h,formatColor as R,hexToRgb as A,rgbToHex as O,rgbToHsb as M,hsbToRgb as L,rgbToHsl as I,hslToRgb as H,hsbToHsl as G,hslToHsb as v}from"./utils/color.js";import{Label as V}from"./label/Label.js";import{Divider as N}from"./divider/Divider.js";import{Box as _}from"./box/Box.js";import{Stack as U}from"./stack/Stack.js";import{Grid as Q}from"./grid/Grid.js";import{List as K,ListItem as Y,ListTerm as j,ListDescription as q}from"./list/List.js";import{Link as X}from"./link/Link.js";import{Image as $}from"./image/Image.js";import{Button as te}from"./button/Button.js";import{Fab as re}from"./fab/Fab.js";import{Avatar as ae}from"./avatar/Avatar.js";import{Progress as le}from"./progress/Progress.js";import{Gauge as ye}from"./gauge/Gauge.js";import{Badge as me}from"./badge/Badge.js";import{Chip as Pe}from"./chip/Chip.js";import{Kbd as xe}from"./kbd/Kbd.js";import{Card as Ce,CardHeader as Te,CardContent as ge,CardFooter as ce}from"./card/Card.js";import{Paper as Se}from"./paper/Paper.js";import{SplitButton as Fe}from"./split-button/SplitButton.js";import{Clipboard as Re}from"./clipboard/Clipboard.js";import{QrCode as Oe}from"./qr-code/QrCode.js";import{Alert as Le}from"./alert/Alert.js";import{Skeleton as He}from"./skeleton/Skeleton.js";import{Spinner as ve}from"./spinner/Spinner.js";import{LoadingOverlay as Ve}from"./loading-overlay/LoadingOverlay.js";import{Backdrop as Ne}from"./backdrop/Backdrop.js";import{AspectRatio as _e}from"./aspect-ratio/AspectRatio.js";import{ScrollArea as Ue,useScrollAreaContext as ze}from"./scroll-area/ScrollArea.js";import{ResizablePanelGroup as We,ResizablePanel as Ke,useResizableContext as Ye}from"./resizable/Resizable.js";import{Carousel as qe,useCarouselContext as Je}from"./carousel/Carousel.js";import{Form as Ze,FormField as $e}from"./form/Form.js";import{Field as tt,Fieldset as ot,CHARACTER_COUNT_ANNOUNCE_DELAY_MS as rt,characterCountMessage as pt,characterCountVisible as at,FIELD_CHARACTER_COUNT_ATTRIBUTE as it,FIELD_CONTROL_SELECTOR as lt,FIELD_VALIDITY_CHANGE_EVENT as nt,NATIVE_INVALID_FALLBACK_MESSAGE as yt,findFieldControl as st}from"./field/Field.js";import{PinInput as dt,pinInputDigitLabel as Pt}from"./pin-input/PinInput.js";import{TextField as xt}from"./text-field/TextField.js";import{PasswordInput as Ct}from"./password-input/PasswordInput.js";import{Textarea as gt}from"./textarea/Textarea.js";import{TagsInput as bt}from"./tags-input/TagsInput.js";import{TagGroup as Dt}from"./tag-group/TagGroup.js";import{FileUpload as ht}from"./file-upload/FileUpload.js";import{NumberField as At}from"./number-field/NumberField.js";import{Toggle as Mt}from"./toggle/Toggle.js";import{ToggleGroup as It}from"./toggle-group/ToggleGroup.js";import{Checkbox as Gt}from"./checkbox/Checkbox.js";import{CheckboxGroup as kt}from"./checkbox-group/CheckboxGroup.js";import{CheckboxCard as Et}from"./checkbox-card/CheckboxCard.js";import{RadioGroup as Bt}from"./radio-group/RadioGroup.js";import{RadioCard as wt}from"./radio-card/RadioCard.js";import{Switch as zt}from"./switch/Switch.js";import{Rating as Wt}from"./rating/Rating.js";import{Slider as Yt}from"./slider/Slider.js";import{AngleSlider as qt}from"./angle-slider/AngleSlider.js";import{ColorPicker as Xt}from"./color-picker/ColorPicker.js";import{Editable as $t}from"./editable/Editable.js";import{Collapsible as to}from"./collapsible/Collapsible.js";import{Accordion as ro}from"./accordion/Accordion.js";import{Tabs as ao}from"./tabs/Tabs.js";import{Toolbar as lo}from"./toolbar/Toolbar.js";import{NavigationMenu as yo}from"./navigation-menu/NavigationMenu.js";import{Breadcrumb as mo}from"./breadcrumb/Breadcrumb.js";import{Pagination as uo}from"./pagination/Pagination.js";import{Table as fo,TableRow as Co,TableCell as To}from"./table/Table.js";import{Tree as co}from"./tree/Tree.js";import{Stepper as So}from"./stepper/Stepper.js";import{Timeline as Fo}from"./timeline/Timeline.js";import{Calendar as Ro,useCalendarContext as Ao,getVisibleWeeks as Oo,isSameDay as Mo,isSameMonth as Lo,addMonths as Io,addDays as Ho,getISOWeek as Go,isDateRange as vo,isDateSelected as ko,rangePositionOf as Vo,nextSelection as Eo,emptySelection as No,getMonthNames as Bo,getWeekDayNames as _o,getLocaleWeekStartsOn as wo,formatMonthLabel as Uo,formatDateLabel as zo,formatYear as Qo,formatYearRange as Wo,resolveLocale as Ko}from"./calendar/Calendar.js";import{DateField as jo}from"./date-field/DateField.js";import{TimeField as Jo}from"./time-field/TimeField.js";import{toCalendarString as Zo,toCalendarValue as $o,toDate as er,toISODateValue as tr,toTimeValue as or}from"./utils/date-value.js";import{DatePicker as pr}from"./date-picker/DatePicker.js";import{DateTimePicker as ir}from"./date-time-picker/DateTimePicker.js";import{DateRangePicker as nr}from"./date-range-picker/DateRangePicker.js";import{Dialog as sr}from"./dialog/Dialog.js";import{Dialogs as dr,useDialogs as Pr,createDialogs as ur}from"./dialog/Dialog.js";import{Drawer as fr}from"./drawer/Drawer.js";import{Popover as Tr,usePopoverContext as gr}from"./popover/Popover.js";import{Tooltip as br}from"./tooltip/Tooltip.js";import{FloatingPanel as Dr,gestureAnnouncement as Fr}from"./floating-panel/FloatingPanel.js";import{Tour as Rr}from"./tour/Tour.js";import{Menu as Or}from"./menu/Menu.js";import{SpeedDial as Lr}from"./speed-dial/SpeedDial.js";import{Menubar as Hr}from"./menubar/Menubar.js";import{Mentions as vr,defaultGetResultCountLabel as kr}from"./mentions/Mentions.js";import{Listbox as Er}from"./listbox/Listbox.js";import{Select as Br}from"./select/Select.js";import{Combobox as wr,defaultOptionsFilter as Ur}from"./combobox/Combobox.js";import{TreeSelect as Qr,defaultTreeSelectFilter as Wr,defaultGetMatchCountLabel as Kr}from"./tree-select/TreeSelect.js";import{Transfer as jr}from"./transfer/Transfer.js";import{Autocomplete as Jr}from"./autocomplete/Autocomplete.js";import{Command as Zr,defaultCommandFilter as $r}from"./command/Command.js";import{Toaster as tp,createToaster as op,useToaster as rp,DEFAULT_TOAST_DURATION as pp}from"./toast/Toast.js";import{Text as ip}from"./text/Text.js";import{Heading as np}from"./heading/Heading.js";import{Time as sp,formatAbsolute as mp,formatRelative as dp}from"./time/Time.js";import{useMediaQuery as up}from"./utils/useMediaQuery.js";import{matchesMediaQuery as fp,subscribeMediaQuery as Cp}from"./utils/media-query.js";import{toCsv as gp}from"./utils/csv.js";export{g as ANNOUNCE_DEBOUNCE_MS,ro as Accordion,Le as Alert,qt as AngleSlider,_e as AspectRatio,Jr as Autocomplete,ae as Avatar,Ne as Backdrop,me as Badge,_ as Box,mo as Breadcrumb,te as Button,rt as CHARACTER_COUNT_ANNOUNCE_DELAY_MS,Ro as Calendar,Ce as Card,ge as CardContent,ce as CardFooter,Te as CardHeader,qe as Carousel,Gt as Checkbox,Et as CheckboxCard,kt as CheckboxGroup,Pe as Chip,Re as Clipboard,to as Collapsible,Xt as ColorPicker,wr as Combobox,Zr as Command,pp as DEFAULT_TOAST_DURATION,jo as DateField,pr as DatePicker,nr as DateRangePicker,ir as DateTimePicker,sr as Dialog,dr as Dialogs,d as DirectionProvider,N as Divider,fr as Drawer,$t as Editable,it as FIELD_CHARACTER_COUNT_ATTRIBUTE,lt as FIELD_CONTROL_SELECTOR,nt as FIELD_VALIDITY_CHANGE_EVENT,re as Fab,tt as Field,ot as Fieldset,ht as FileUpload,Dr as FloatingPanel,Ze as Form,$e as FormField,ye as Gauge,Q as Grid,np as Heading,$ as Image,xe as Kbd,V as Label,X as Link,K as List,q as ListDescription,Y as ListItem,j as ListTerm,Er as Listbox,x as LiveAnnouncer,Ve as LoadingOverlay,vr as Mentions,Or as Menu,Hr as Menubar,yt as NATIVE_INVALID_FALLBACK_MESSAGE,yo as NavigationMenu,At as NumberField,uo as Pagination,Se as Paper,Ct as PasswordInput,dt as PinInput,Tr as Popover,a as Portal,y as Presence,le as Progress,Oe as QrCode,wt as RadioCard,Bt as RadioGroup,Wt as Rating,Ke as ResizablePanel,We as ResizablePanelGroup,Ue as ScrollArea,Br as Select,He as Skeleton,Yt as Slider,o as Slot,Lr as SpeedDial,ve as Spinner,Fe as SplitButton,U as Stack,So as Stepper,zt as Switch,fo as Table,To as TableCell,Co as TableRow,ao as Tabs,Dt as TagGroup,bt as TagsInput,ip as Text,xt as TextField,gt as Textarea,sp as Time,Jo as TimeField,Fo as Timeline,tp as Toaster,Mt as Toggle,It as ToggleGroup,lo as Toolbar,br as Tooltip,Rr as Tour,jr as Transfer,co as Tree,Qr as TreeSelect,l as VisuallyHidden,Ho as addDays,Io as addMonths,f as announce,pt as characterCountMessage,at as characterCountVisible,C as clearAnnouncements,ur as createDialogs,op as createToaster,$r as defaultCommandFilter,Kr as defaultGetMatchCountLabel,kr as defaultGetResultCountLabel,Ur as defaultOptionsFilter,Wr as defaultTreeSelectFilter,No as emptySelection,st as findFieldControl,mp as formatAbsolute,R as formatColor,zo as formatDateLabel,Uo as formatMonthLabel,dp as formatRelative,Qo as formatYear,Wo as formatYearRange,Fr as gestureAnnouncement,Go as getISOWeek,wo as getLocaleWeekStartsOn,Bo as getMonthNames,Oo as getVisibleWeeks,_o as getWeekDayNames,A as hexToRgb,G as hsbToHsl,L as hsbToRgb,v as hslToHsb,H as hslToRgb,vo as isDateRange,ko as isDateSelected,Mo as isSameDay,Lo as isSameMonth,fp as matchesMediaQuery,Eo as nextSelection,h as parseColor,Pt as pinInputDigitLabel,Vo as rangePositionOf,Ko as resolveLocale,O as rgbToHex,M as rgbToHsb,I as rgbToHsl,Cp as subscribeMediaQuery,Zo as toCalendarString,$o as toCalendarValue,gp as toCsv,er as toDate,tr as toISODateValue,or as toTimeValue,Ao as useCalendarContext,Je as useCarouselContext,b as useComposedRefs,Pr as useDialogs,P as useDirection,T as useLiveAnnouncer,up as useMediaQuery,gr as usePopoverContext,s as usePresence,Ye as useResizableContext,ze as useScrollAreaContext,rp as useToaster};
|
package/dist/link/Link.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var l=Object.defineProperty;var
|
|
2
|
+
"use strict";var l=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var o in t)l(e,o,{get:t[o],enumerable:!0})},x=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of h(t))!E.call(e,n)&&n!==o&&l(e,n,{get:()=>t[n],enumerable:!(i=g(t,n))||i.enumerable});return e};var R=e=>x(l({},"__esModule",{value:!0}),e);var N={};P(N,{Link:()=>u});module.exports=R(N);var c=require("react"),d=require("../utils/part.cjs"),a=require("../utils/primitive.cjs"),m=require("react/jsx-runtime"),L=/^(?:https?:)?\/\//i;function D(e){if(!e)return!1;try{return typeof document>"u"?L.test(e):new URL(e,document.baseURI).origin!==window.location.origin}catch{return!1}}function b(e){e.preventDefault(),e.stopPropagation()}function C(e){e.key==="Enter"&&e.preventDefault()}var u=({as:e="a",href:t,underline:o="auto",external:i,disabled:n=!1,onClick:s,onKeyDown:f,ref:p,...r})=>{let k=a.Primitive[e],v=i??D(t),y=r.target==="_blank"&&r.rel===void 0?"noopener noreferrer":r.rel;return(0,m.jsx)(k,{href:t,"data-underline":o,...v?{"data-external":""}:null,...n?{"aria-disabled":"true",tabIndex:-1,"data-disabled":""}:null,onClick:n?(0,a.composeEventHandlers)(s,b,{checkForDefaultPrevented:!1}):s,onKeyDown:n?(0,a.composeEventHandlers)(f,C,{checkForDefaultPrevented:!1}):f,...r,rel:y,asChild:(0,c.isValidElement)(r.children)?r.asChild:!1,...(0,d.skdxPart)("link","root",r.className),ref:p})};u.displayName="Link";0&&(module.exports={Link});
|
package/dist/link/Link.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{skdxPart as p}from"../utils/part.js";import{composeEventHandlers as i,Primitive as
|
|
2
|
+
import{isValidElement as m}from"react";import{skdxPart as p}from"../utils/part.js";import{composeEventHandlers as i,Primitive as k}from"../utils/primitive.js";import{jsx as P}from"react/jsx-runtime";var v=/^(?:https?:)?\/\//i;function y(e){if(!e)return!1;try{return typeof document>"u"?v.test(e):new URL(e,document.baseURI).origin!==window.location.origin}catch{return!1}}function g(e){e.preventDefault(),e.stopPropagation()}function h(e){e.key==="Enter"&&e.preventDefault()}var E=({as:e="a",href:n,underline:l="auto",external:s,disabled:r=!1,onClick:o,onKeyDown:a,ref:f,...t})=>{let c=k[e],d=s??y(n),u=t.target==="_blank"&&t.rel===void 0?"noopener noreferrer":t.rel;return P(c,{href:n,"data-underline":l,...d?{"data-external":""}:null,...r?{"aria-disabled":"true",tabIndex:-1,"data-disabled":""}:null,onClick:r?i(o,g,{checkForDefaultPrevented:!1}):o,onKeyDown:r?i(a,h,{checkForDefaultPrevented:!1}):a,...t,rel:u,asChild:m(t.children)?t.asChild:!1,...p("link","root",t.className),ref:f})};E.displayName="Link";export{E as Link};
|