@planningcenter/tapestry-react 3.0.0 → 4.0.0-rc.2

package/dist/DataTable/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CheckboxCell, ColumnPicker } from './components';
+import { variants } from './utils';
+declare const ForwardRefDataTable: React.ForwardRefExoticComponent<import("./DataTable").Props<Record<string, any>> & React.RefAttributes<(<Data extends Record<string, any>>(props: import("./DataTable").Props<Data>) => JSX.Element)>> & {
+    CheckboxCell: typeof CheckboxCell;
+    ColumnPicker: typeof ColumnPicker;
+    variants: typeof variants;
+};
+export default ForwardRefDataTable;
+//# sourceMappingURL=index.d.ts.map

package/dist/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DataTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAgBlC,QAAA,MAAM,mBAAmB;kBACT,mBAAmB;kBACnB,mBAAmB;cACvB,eAAe;CAC1B,CAAA;AAMD,eAAe,mBAAmB,CAAA"}

package/dist/DataTable/index.js

@@ -0,0 +1,2 @@
+import{__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{forwardRef as t}from"react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../system/style-names.js";import"lodash";import"lodash/includes";import"../system/cxs.js";import"../DragDrop/DragDrop.js";import"../VariantProvider/VariantProvider.js";import"../Tooltip/Tooltip.js";import"./hooks/useCollapsibleRows.js";import"../Icon/Icon.js";import{variants as s}from"./utils/variants.js";import"mousetrap";import"../hooks/use-measure.js";import e from"./components/CheckboxCell.js";import i from"./components/ColumnPicker.js";import m from"./DataTable.js";var p=t((function(t,s){return r.createElement(m,o({dataTableRef:s},t))}));p.CheckboxCell=e,p.ColumnPicker=i,p.variants=s;export{p as default};
+//# sourceMappingURL=index.js.map

package/dist/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DataTable/utils/getCell.d.ts

@@ -0,0 +1,12 @@
+declare function getCell(cell: string | ((rowData: Record<string, any>, options: {
+    rowIndex: number;
+    columnIndex: number;
+    _dragHandleProps: Record<string, string>;
+}) => string), { rowData, rowIndex, columnIndex, _dragHandleProps, }: {
+    rowData: Record<string, any>;
+    rowIndex: number;
+    columnIndex: number;
+    _dragHandleProps?: Record<string, string>;
+}): any;
+export default getCell;
+//# sourceMappingURL=getCell.d.ts.map

package/dist/DataTable/utils/getCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCell.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/getCell.ts"],"names":[],"mappings":"AAAA,iBAAS,OAAO,CACd,IAAI,EACA,MAAM,GACN,CAAC,CACC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5B,OAAO,EAAE;IACP,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzC,KACE,MAAM,CAAC,EAChB,EACE,OAAO,EACP,QAAQ,EACR,WAAW,EACX,gBAAgB,GACjB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC1C,OAOF;AAED,eAAe,OAAO,CAAA"}

package/dist/DataTable/utils/getCell.js

@@ -0,0 +1,2 @@
+function n(n,r){var o=r.rowData,d=r.rowIndex,e=r.columnIndex,a=r._dragHandleProps;return"string"==typeof n?o[n]:n?n(o,{rowIndex:d,columnIndex:e,_dragHandleProps:a}):void 0}export{n as default};
+//# sourceMappingURL=getCell.js.map

package/dist/DataTable/utils/getCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCell.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DataTable/utils/getParsedColumns.d.ts

@@ -0,0 +1,9 @@
+declare function getParsedColumns({ accessibility, columns, hasSubRows, hiddenColumnIds, draggable, }: {
+    accessibility: any;
+    columns: any;
+    hasSubRows: any;
+    hiddenColumnIds: any;
+    draggable: any;
+}): any;
+export default getParsedColumns;
+//# sourceMappingURL=getParsedColumns.d.ts.map

package/dist/DataTable/utils/getParsedColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getParsedColumns.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/getParsedColumns.tsx"],"names":[],"mappings":"AAwFA,iBAAS,gBAAgB,CAAC,EACxB,aAAa,EACb,OAAO,EACP,UAAU,EACV,eAAe,EACf,SAAS,GACV;;;;;;CAAA,OA6CA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/DataTable/utils/getParsedColumns.js

@@ -0,0 +1,2 @@
+import{__assign as e}from'./../../ext/tslib/tslib.es6.js';import t from"react";import{Box as n}from"../../Box/Box.js";import r from"../../Tooltip/Tooltip.js";import{useCollapsibleRowsStore as o,useAnySubRowsOpen as l,useSubRowOpen as a}from"../hooks/useCollapsibleRows.js";import i from"../../Icon/Icon.js";var s={appearance:"none",display:"flex",alignSelf:"center",alignItems:"center",justifyContent:"center",padding:1,margin:0,border:"none",borderRadius:3,backgroundColor:"hsla(0, 0%, 0%, 0)",fill:"foreground",cursor:"pointer"," &:focus ":{outline:0}," &:hover ":{backgroundColor:"highlight"}};function c(e){var a=e.accessibility,c=o((function(e){return e.callbacks})),u=l(),d=a.toggleAllSubRowsTooltipTitle(u);return t.createElement(r,{title:d,placement:"bottom-start"},t.createElement(n,{as:"button",display:"flex","aria-label":d,css:s,onClick:function(e){e.preventDefault(),c.toggleAllSubRows()}},t.createElement(i,{name:"general.downCaret",size:"sm",style:{transform:u?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}})))}function u(e){var r=e.rowIndex,l=o((function(e){return e.callbacks})),c=a(r);return t.createElement(n,{as:"button",css:s,onClick:function(e){e.preventDefault(),l.toggleSubRowAtIndex(r)}},t.createElement(i,{name:"general.downCaret",size:"sm",style:{transform:c?void 0:"rotate(-90deg)",transition:"transform 180ms ease"}}))}function d(r){var o=r.accessibility,l=r.columns,a=r.hasSubRows,d=r.hiddenColumnIds,m=r.draggable,f=l.filter((function(e){return null!==e&&!1!==e&&void 0!==e&&(e.alwaysVisible||-1===d.indexOf(e.id))}));return a&&f.unshift({header:t.createElement(c,{accessibility:o}),cell:function(e,n){var r=n.rowIndex;return t.createElement(u,{rowIndex:r})},subCell:null,width:32,css:{paddingLeft:m?0:void 0,"@media print":{display:"none !important"}}}),m&&f.unshift({cell:function(r,o){var l=o._dragHandleProps;return t.createElement(n,e({css:s,onClick:function(e){return e.preventDefault()}},l),t.createElement(i,{name:"general.dragHandle",size:"sm",color:"foregroundTertiary",style:{cursor:"grab"}}))},subCell:null,width:32,css:{paddingRight:a?0:void 0,"@media print":{display:"none !important"}}}),f}export{d as default};
+//# sourceMappingURL=getParsedColumns.js.map

package/dist/DataTable/utils/getParsedColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getParsedColumns.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DataTable/utils/getRowLinkProps.d.ts

@@ -0,0 +1,11 @@
+declare function getRowLinkProps({ getRowLink, data, isSubRow }: {
+    getRowLink: any;
+    data: any;
+    isSubRow: any;
+}): {
+    href: any;
+} | {
+    href?: undefined;
+};
+export default getRowLinkProps;
+//# sourceMappingURL=getRowLinkProps.d.ts.map

package/dist/DataTable/utils/getRowLinkProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRowLinkProps.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/getRowLinkProps.ts"],"names":[],"mappings":"AAAA,iBAAS,eAAe,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE;;;;CAAA;;;;EAEtD;AAED,eAAe,eAAe,CAAA"}

package/dist/DataTable/utils/getRowLinkProps.js

@@ -0,0 +1,2 @@
+function t(t){var a=t.getRowLink,e=t.data,r=t.isSubRow;return a?{href:a(e,r)}:{}}export{t as default};
+//# sourceMappingURL=getRowLinkProps.js.map

package/dist/DataTable/utils/getRowLinkProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRowLinkProps.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DataTable/utils/index.d.ts

@@ -0,0 +1,5 @@
+export { default as getCell } from './getCell';
+export { default as getParsedColumns } from './getParsedColumns';
+export { default as getRowLinkProps } from './getRowLinkProps';
+export { variants } from './variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/DataTable/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/DataTable/utils/variants.d.ts

@@ -0,0 +1,169 @@
+export declare const defaultVariant: {
+    header: {
+        overflowX: string;
+        scrollbarWidth: string;
+        msOverflowStyle: string;
+        '@media print': {
+            position: string;
+            overflowX: string;
+        };
+        '::-webkit-scrollbar': {
+            width: number;
+            height: number;
+        };
+        backgroundColor: string;
+        borderBottomColor: string;
+        borderBottomStyle: string;
+        borderBottomWidth: number;
+        position: string;
+        top: number;
+        zIndex: number;
+    };
+    headerRow: {
+        display: string;
+        minHeight: string;
+        backgroundColor: string;
+    };
+    headerCell: ({ isSortable }: {
+        isSortable: any;
+    }) => {
+        boxSizing: string;
+        display: string;
+        alignItems: string;
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string;
+        padding: string;
+        backgroundColor: string;
+        cursor: string;
+        outline: number;
+    };
+    footer: {
+        overflowX: string;
+        scrollbarWidth: string;
+        msOverflowStyle: string;
+        '@media print': {
+            position: string;
+            overflowX: string;
+        };
+        '::-webkit-scrollbar': {
+            width: number;
+            height: number;
+        };
+        backgroundColor: string;
+        borderTopColor: string;
+        borderTopStyle: string;
+        borderTopWidth: number;
+    };
+    footerRow: {
+        display: string;
+        backgroundColor: string;
+    };
+    footerCell: {
+        boxSizing: string;
+        display: string;
+        alignItems: string;
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string;
+        padding: string;
+        whiteSpace: string;
+        backgroundColor: string;
+        fontSize: number;
+    };
+    body: {
+        overflowX: string;
+        WebkitOverflowScrolling: string;
+        '@media print': {
+            overflowX: string;
+        };
+    };
+    bodyRow: ({ firstRow, isLink }: {
+        firstRow: any;
+        isLink: any;
+    }) => {
+        display: string;
+        minHeight: string;
+        color: string;
+        backgroundColor: string;
+        borderTopColor: string;
+        borderTopStyle: string;
+        borderTopWidth: number;
+        cursor: string;
+        '&:focus': {
+            outline: string;
+        };
+        '&:hover': {
+            backgroundColor: string;
+        };
+    };
+    bodyCell: {
+        boxSizing: string;
+        display: string;
+        alignItems: string;
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string;
+        padding: string;
+        whiteSpace: string;
+        backgroundColor: string;
+        fontSize: number;
+    };
+    bodySubRow: ({ isLink }: {
+        isLink: any;
+    }) => {
+        display: string;
+        minHeight: string;
+        color: string;
+        borderTopColor: string;
+        borderTopStyle: string;
+        borderTopWidth: number;
+        backgroundColor: string;
+        cursor: string;
+        '&:focus': {
+            outline: string;
+        };
+        '&:hover': {
+            backgroundColor: string;
+        } | {
+            backgroundColor?: undefined;
+        };
+    };
+    bodySubCell: ({ firstRow, lastCell, rowIndex, columnIndex, columnWidth, }: {
+        firstRow: any;
+        lastCell: any;
+        rowIndex: any;
+        columnIndex: any;
+        columnWidth: any;
+    }) => {
+        boxSizing: string;
+        display: string;
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string;
+        width: string;
+        padding: string;
+        backgroundColor: string;
+        fontSize: number;
+    };
+};
+export declare const variants: {
+    condensed: {
+        headerCell: {
+            padding: string;
+        };
+        bodyRow: {
+            minHeight: string;
+        };
+        bodyCell: {
+            padding: string;
+        };
+        bodySubRow: {
+            minHeight: string;
+        };
+        bodySubCell: {
+            padding: string;
+        };
+    };
+};
+//# sourceMappingURL=variants.d.ts.map

package/dist/DataTable/utils/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/DataTable/utils/variants.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+G1B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;CAkBpB,CAAA"}

package/dist/DataTable/utils/variants.js

@@ -0,0 +1,2 @@
+import{__assign as o}from'./../../ext/tslib/tslib.es6.js';var r={overflowX:"auto",scrollbarWidth:"none",msOverflowStyle:"none","@media print":{position:"relative",overflowX:"visible"},"::-webkit-scrollbar":{width:0,height:0}},e={header:o({backgroundColor:"surfaceSecondary",borderBottomColor:"separatorTertiary",borderBottomStyle:"solid",borderBottomWidth:1,position:"sticky",top:0,zIndex:10},r),headerRow:{display:"flex",minHeight:"48px",backgroundColor:"inherit"},headerCell:function(o){return{boxSizing:"content-box",display:"flex",alignItems:"center",flexGrow:0,flexShrink:0,flexBasis:"auto",padding:"0 16px",backgroundColor:"inherit",cursor:o.isSortable?"pointer":"default",outline:0}},footer:o({backgroundColor:"surfaceSecondary",borderTopColor:"separatorTertiary",borderTopStyle:"solid",borderTopWidth:1},r),footerRow:{display:"flex",backgroundColor:"inherit"},footerCell:{boxSizing:"content-box",display:"flex",alignItems:"center",flexGrow:0,flexShrink:0,flexBasis:"auto",padding:"0 16px",whiteSpace:"nowrap",backgroundColor:"inherit",fontSize:14},body:{overflowX:"auto",WebkitOverflowScrolling:"touch","@media print":{overflowX:"visible"}},bodyRow:function(o){var r=o.firstRow,e=o.isLink;return{display:"flex",minHeight:"64px",color:"inherit",backgroundColor:"surface",borderTopColor:r?void 0:"separatorTertiary",borderTopStyle:r?void 0:"solid",borderTopWidth:r?void 0:1,cursor:e?"pointer":void 0,"&:focus":{outline:"none"},"&:hover":e?{backgroundColor:"linkBackground"}:void 0}},bodyCell:{boxSizing:"content-box",display:"flex",alignItems:"center",flexGrow:0,flexShrink:0,flexBasis:"auto",padding:"0 16px",whiteSpace:"nowrap",backgroundColor:"inherit",fontSize:14},bodySubRow:function(o){var r=o.isLink;return{display:"flex",minHeight:"44px",color:"inherit",borderTopColor:"separatorTertiary",borderTopStyle:"solid",borderTopWidth:1,backgroundColor:"surfaceSecondary",cursor:r?"pointer":void 0,"&:focus":{outline:"none"},"&:hover":r?{backgroundColor:"linkBackground"}:{}}},bodySubCell:function(o){return o.firstRow,o.lastCell,o.rowIndex,o.columnIndex,{boxSizing:"content-box",display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto",width:o.columnWidth+"px",padding:"12px 16px",backgroundColor:"inherit",fontSize:14}}},i={condensed:{headerCell:{padding:"0 8px"},bodyRow:{minHeight:"40px"},bodyCell:{padding:"0 8px"},bodySubRow:{minHeight:"28px"},bodySubCell:{padding:"4px 8px"}}};export{e as defaultVariant,i as variants};
+//# sourceMappingURL=variants.js.map

package/dist/DataTable/utils/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DateField/DateField.d.ts

@@ -0,0 +1,16 @@
+export type DateFieldProps = {
+    formatValue: string;
+    defaultOpen: boolean;
+    minDate: Date;
+    maxDate: Date;
+    onChange: (date: Date) => null;
+    placement: string;
+    value: Date;
+    lockScrollWhileOpen?: boolean;
+    keepInView?: boolean;
+    calendarProps?: object;
+    popoverProps?: object;
+};
+declare function DateField({ formatValue, defaultOpen, keepInView, lockScrollWhileOpen, minDate, maxDate, onChange, placement, value, ...props }: DateFieldProps): JSX.Element;
+export default DateField;
+//# sourceMappingURL=DateField.d.ts.map

package/dist/DateField/DateField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,cAAc,GAAG;IAI3B,WAAW,EAAE,MAAM,CAAA;IAKnB,WAAW,EAAE,OAAO,CAAA;IAKpB,OAAO,EAAE,IAAI,CAAA;IAKb,OAAO,EAAE,IAAI,CAAA;IAKb,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAK9B,SAAS,EAAE,MAAM,CAAA;IAKjB,KAAK,EAAE,IAAI,CAAA;IAKX,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,aAAa,CAAC,EAAE,MAAM,CAAA;IAKtB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,iBAAS,SAAS,CAAC,EACjB,WAA6B,EAC7B,WAAmB,EACnB,UAAU,EACV,mBAA0B,EAC1B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,eA0JhB;AAED,eAAe,SAAS,CAAA"}

package/dist/DateField/DateField.js

@@ -0,0 +1,2 @@
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import o,{useState as n,useRef as t,useCallback as a,useMemo as l}from"react";import c from"../Card/Card.js";import i from"../Calendar/Calendar.js";import u from"../FocusGroup/FocusGroup.js";import s from"../Icon/Icon.js";import m from"../Input/Input.js";import{Popover as p}from"../Popover/Popover.js";import{generateId as f}from"../utils.js";import{useThemeProps as d}from"../system/utils.js";import{useArrowKeysToNavigateCalendar as v}from"./useArrowKeysToNavigateCalendar.js";import{useEditableDate as C}from"./useEditableDate.js";function h(h){var g=h.formatValue,k=void 0===g?"MMMM dd, yyyy":g,D=h.defaultOpen,j=void 0!==D&&D,y=h.keepInView,I=h.lockScrollWhileOpen,E=void 0===I||I,B=h.minDate,O=h.maxDate,P=h.onChange,V=h.placement,b=h.value,w=e(h,["formatValue","defaultOpen","keepInView","lockScrollWhileOpen","minDate","maxDate","onChange","placement","value"]),x=d("dateField",w),F=x.calendarProps;x.color;var R=x.popoverProps;x.sizes,x.thickness,x.trackColor;var S=e(x,["calendarProps","color","popoverProps","sizes","thickness","trackColor"]),K=n(j),M=K[0],q=K[1],z=f("datefield"),T=t(null),W=t(null),G=a((function(){var e=W.current.querySelector("input");e.focus&&e.focus()}),[]),A=a((function(){q(!0)}),[]),N=a((function(){q(!1)}),[]),_=a((function(e){return!!e&&(!(B&&e<B)&&!(O&&e>O))}),[B,O]),H=C({date:b,dateFormat:k,dateValidator:_,onChange:P}),J=H.formattedDate,L=H.setDate,Q=H.clearKeyBuffer,U=H.invalidKeyBuffer,X=a((function(e){G(),L(e),N()}),[G,L,N]),Y=a((function(e){L(e)}),[L]),Z=v({date:b,calendarIsOpen:M,closeCalendar:N,openCalendar:A,onChange:L}),$=a((function(e){L(e.currentTarget.value)}),[L]),ee=a((function(){Q(),N()}),[Q,N]),re=l((function(){return U?{color:"error-darker",backgroundColor:"error-lighter"}:{}}),[U]);return o.createElement(u,{onBlur:ee},(function(e){var n=e.requestBlur,t=e.setRef;return o.createElement(p,r({},R,{ref:function(e){T.current=e},as:c,elevation:2,innerRef:function(e){T.current=e,t("".concat(z,"-popover"))(e)},keepInView:y,lockScrollWhileOpen:E,onBlur:n,onRequestClose:N,open:M,placement:V,tabIndex:-1,anchorElement:o.createElement(m,r({innerRef:function(e){W.current=e,t("".concat(z,"-input"))(e)},onBlur:n,onFocus:A,onChange:$,onKeyDown:Z,value:J,renderRight:o.createElement(s,{name:"general.calendar",color:"foregroundTertiary",onClick:A})},re,S))}),o.createElement(i,r({size:"sm"},F,{date:b,selected:b,minDate:B,maxDate:O,onDateSelect:X,onDateChange:Y})))}))}export{h as default};
+//# sourceMappingURL=DateField.js.map

package/dist/DateField/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DateField/index.d.ts

@@ -0,0 +1,3 @@
+import DateField from './DateField';
+export default DateField;
+//# sourceMappingURL=index.d.ts.map

package/dist/DateField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateField/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,eAAe,SAAS,CAAA"}

package/dist/DateField/index.js

@@ -0,0 +1,2 @@
+import e from"./DateField.js";export{e as default};
+//# sourceMappingURL=index.js.map

package/dist/DateField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DateField/parse.d.ts

@@ -0,0 +1,9 @@
+interface Params {
+    date: string;
+    format?: string;
+}
+export declare const parseDate: ({ date, format }: Params) => Date | null;
+export declare const isValidDate: (date: string) => boolean;
+export declare const parseMonth: (monthString: string) => number;
+export {};
+//# sourceMappingURL=parse.d.ts.map

package/dist/DateField/parse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../../src/DateField/parse.ts"],"names":[],"mappings":"AAIA,UAAU,MAAM;IAId,IAAI,EAAE,MAAM,CAAA;IAQZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,SAAS,qBAAsB,MAAM,KAAG,IAAI,GAAG,IAO3D,CAAA;AAED,eAAO,MAAM,WAAW,SAAU,MAAM,YAEvC,CAAA;AAED,eAAO,MAAM,UAAU,gBAAiB,MAAM,KAAG,MA4BhD,CAAA"}

package/dist/DateField/parse.js

@@ -0,0 +1,2 @@
+var r=/^(0?[1-9]|1[0-2]|(?:(?:jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)[a-z]*))(?:-|\/|\s)(0?[1-9]|[1-2][0-9]|3[0-1])(?:-|\/|,\s)(\d{4})$/i,a=/^(0?[1-9]|[1-2][0-9]|3[0-1])(?:-|\/|\s)(0?[1-9]|1[0-2]|(?:(?:jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)[a-z]*))(?:-|\/|,\s)(\d{4})$/i,e=/^(\d{4})[-/](0?[1-9]|1[0-2])[-/](0?[1-9]|[1-2][0-9]|3[0-1])$/,t=function(r){var a=r.date,e=r.format;try{var t=o(a,e),n=t.year,s=t.month,c=t.day;return new Date(n,s-1,c)}catch(r){return null}},n=function(r){var a={jan:1,feb:2,mar:3,apr:4,may:5,jun:6,jul:7,aug:8,sep:9,oct:10,nov:11,dec:12},e=r.toLowerCase().replace(/^0/,"").slice(0,3);if(/^\d+$/.test(e)){var t=parseInt(e,10);if(t>=1&&t<=12)return t}else if(e in a)return a[e];throw new Error("Invalid month string: ".concat(r))},o=function(t,o){if((null==o?void 0:o.match(/d.*M/))&&a.test(t)){var s=a.exec(t),c=s[1],u=s[2],d=s[3];return{year:parseInt(d,10),month:n(u),day:parseInt(c,10)}}if(r.test(t)){var i=r.exec(t);u=i[1],c=i[2],d=i[3];return{year:parseInt(d,10),month:n(u),day:parseInt(c,10)}}if(e.test(t)){var p=e.exec(t);d=p[1],u=p[2],c=p[3];return{year:parseInt(d,10),month:n(u),day:parseInt(c,10)}}throw new Error("Invalid date: ".concat(t))};export{t as parseDate,n as parseMonth};
+//# sourceMappingURL=parse.js.map

package/dist/DateField/parse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DateField/useArrowKeysToNavigateCalendar.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    date: Date;
+    calendarIsOpen: boolean;
+    openCalendar: () => void;
+    closeCalendar: () => void;
+    onChange: (date: Date) => void;
+}
+export declare const useArrowKeysToNavigateCalendar: ({ date, calendarIsOpen, closeCalendar, openCalendar, onChange, }: Props) => (event: React.KeyboardEvent<HTMLInputElement>) => void;
+export {};
+//# sourceMappingURL=useArrowKeysToNavigateCalendar.d.ts.map

package/dist/DateField/useArrowKeysToNavigateCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrowKeysToNavigateCalendar.d.ts","sourceRoot":"","sources":["../../src/DateField/useArrowKeysToNavigateCalendar.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,CAAA;IACV,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,8BAA8B,qEAMxC,KAAK,aAaI,mBAAmB,CAAC,gBAAgB,CAAC,SA6BhD,CAAA"}

package/dist/DateField/useArrowKeysToNavigateCalendar.js

@@ -0,0 +1,2 @@
+import{useCallback as e}from"react";var r=function(r){var t=r.date,n=r.calendarIsOpen,a=r.closeCalendar,o=r.openCalendar,f=r.onChange,p=e((function(e){if(t){var r=new Date(t);r.setDate(r.getDate()+e),f(r)}}),[t,f]);return e((function(e){n?"ArrowUp"===e.key?(e.preventDefault(),p(-7)):"ArrowDown"===e.key?(e.preventDefault(),p(7)):"ArrowLeft"===e.key?(e.preventDefault(),p(-1)):"ArrowRight"===e.key?(e.preventDefault(),p(1)):"Enter"===e.key&&(e.preventDefault(),a()):"ArrowDown"===e.key&&(e.preventDefault(),o())}),[n,o,p])};export{r as useArrowKeysToNavigateCalendar};
+//# sourceMappingURL=useArrowKeysToNavigateCalendar.js.map

package/dist/DateField/useArrowKeysToNavigateCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrowKeysToNavigateCalendar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DateField/useEditableDate.d.ts

@@ -0,0 +1,14 @@
+interface Params {
+    date: Date;
+    dateFormat: string;
+    dateValidator: (date: Date) => boolean;
+    onChange: (date: Date) => void;
+}
+export declare const useEditableDate: ({ date, dateFormat, dateValidator, onChange }: Params) => {
+    formattedDate: string;
+    setDate: (date: Date | string) => void;
+    clearKeyBuffer: () => void;
+    invalidKeyBuffer: boolean;
+};
+export {};
+//# sourceMappingURL=useEditableDate.d.ts.map

package/dist/DateField/useEditableDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableDate.d.ts","sourceRoot":"","sources":["../../src/DateField/useEditableDate.ts"],"names":[],"mappings":"AAIA,UAAU,MAAM;IAId,IAAI,EAAE,IAAI,CAAA;IAKV,UAAU,EAAE,MAAM,CAAA;IAKlB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAKtC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,eAAe,kDAAmD,MAAM;;oBA4B1E,IAAI,GAAG,MAAM;;;CA0BvB,CAAA"}

package/dist/DateField/useEditableDate.js

@@ -0,0 +1,2 @@
+import{useState as t,useMemo as r,useCallback as a}from"react";import{format as e}from"date-fns";import{parseDate as o}from"./parse.js";var f=function(f){var n=f.date,i=f.dateFormat,d=f.dateValidator,m=f.onChange,u=t(),c=u[0],v=u[1],p=t(!1),s=p[0],l=p[1],y=r((function(){return void 0!==c?c:n?e(n,i):""}),[n,i,c]),g=a((function(t){v(t),t&&!d(o({date:t,format:i}))?l(!0):l(!1)}),[i,d]),B=a((function(t){var r;"string"==typeof t?(g(t),r=o({date:t,format:i})):(g(void 0),r=t),d(r)&&m&&m(r)}),[m,g,d,i]);return{formattedDate:y,setDate:B,clearKeyBuffer:a((function(){g(void 0)}),[]),invalidKeyBuffer:s}};export{f as useEditableDate};
+//# sourceMappingURL=useEditableDate.js.map

package/dist/DateField/useEditableDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableDate.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type DialogProps = {
+    body: React.ReactNode | string;
+    cancelText?: string;
+    confirmText?: string;
+    destroyText?: string;
+    dialogRef: React.MutableRefObject<HTMLDialogElement>;
+    onCancelClick?: () => void;
+    onCloseClick?: () => void;
+    onConfirmClick?: () => void;
+    onDestroyClick?: () => void;
+    showCancel?: boolean;
+    showDestroy?: boolean;
+    subtitle?: string;
+    title: string;
+};
+export declare const Dialog: ({ body, cancelText, confirmText, destroyText, dialogRef, onCancelClick, onCloseClick, onConfirmClick, onDestroyClick, showCancel, showDestroy, subtitle, title, }: DialogProps) => JSX.Element;
+export default Dialog;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,WAAW,GAAG;IAIxB,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAK9B,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IAKpD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAK1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAKzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAaD,eAAO,MAAM,MAAM,sKAchB,WAAW,KAAG,WAoEhB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/Dialog/Dialog.js

@@ -0,0 +1,2 @@
+import{jsx as i}from"@emotion/react";import o from"../Button/Button.js";import{StackView as e}from"../StackView/StackView.js";import t from"../Heading/Heading.js";import{Divider as n}from"../Divider/Divider.js";import{Box as r}from"../Box/Box.js";var a={padding:0,minWidth:"400px",borderRadius:"8px",border:"none",boxShadow:"0px 0px 20px 0px hsla(0, 0%, 0%, 0.15)","&::backdrop":{backgroundColor:"rgba(0, 0, 0, 0.4)"}},l=function(l){var d=l.body,c=l.cancelText,s=void 0===c?"Cancel":c,p=l.confirmText,u=void 0===p?"Done":p,g=l.destroyText,m=void 0===g?"Delete":g,x=l.dialogRef,v=l.onCancelClick,f=void 0===v?function(){return x.current.close()}:v,h=l.onCloseClick,C=void 0===h?function(){return x.current.close()}:h,k=l.onConfirmClick,b=void 0===k?function(){return x.current.close()}:k,w=l.onDestroyClick,y=void 0===w?function(){return x.current.close()}:w,z=l.showCancel,D=void 0!==z&&z,H=l.showDestroy,j=void 0!==H&&H,S=l.subtitle,B=void 0===S?"":S,T=l.title;return i("dialog",{ref:x,css:a},i(r,{paddingTop:3,paddingHorizontal:4},i(e,{axis:"horizontal",distribution:"space-between"},i(t,{level:1,margin:0,fontSize:"25px",lineHeight:"35px",weight:500},T),i(o,{title:"Close",icon:{name:"general.x",color:"grey-7"},radius:"circle",height:4,width:4,variant:"naked",onClick:C})),B&&i(t,{level:2,fontSize:"16px",lineHeight:"26px",weight:500,color:"grey-8"},B)),i(r,{padding:4},d),i(n,null),i(r,{paddingVertical:3,paddingHorizontal:4},i(e,{axis:"horizontal",distribution:"space-between"},j?i(o,{onClick:y,title:m,theme:"error",variant:"outline"}):i(r,null),i(e,{axis:"horizontal",spacing:2},D&&i(o,{title:s,variant:"naked",onClick:f}),i(o,{title:u,onClick:b,theme:"primary"})))))};export{l as Dialog,l as default};
+//# sourceMappingURL=Dialog.js.map

package/dist/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Dialog';
+export { Dialog as default } from './Dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,9 @@
+import { ColorProp, StyleProps } from '../index';
+export type DividerProps = {
+    axis?: 'horizontal' | 'vertical';
+    color?: ColorProp;
+    margin?: number | string;
+    size?: number;
+} & StyleProps;
+export declare function Divider({ axis, color, margin, size, ...restProps }: DividerProps): JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/Divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,MAAM,YAAY,GAAG;IAIzB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAKhC,KAAK,CAAC,EAAE,SAAS,CAAA;IAKjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,UAAU,CAAA;AAKd,wBAAgB,OAAO,CAAC,EACtB,IAAmB,EACnB,KAA2B,EAC3B,MAAU,EACV,IAAQ,EACR,GAAG,SAAS,EACb,EAAE,YAAY,eAcd"}

package/dist/Divider/Divider.js

@@ -0,0 +1,2 @@
+import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Box as t}from"../Box/Box.js";function a(a){var e=a.axis,n=void 0===e?"horizontal":e,l=a.color,s=void 0===l?"separatorTertiary":l,m=a.margin,d=void 0===m?0:m,c=a.size,g=void 0===c?1:c,p=o(a,["axis","color","margin","size"]),x={as:"div",alignSelf:"stretch",backgroundColor:s};return"horizontal"===n?(x.height=g+"px",x.marginVertical=d):(x.width=g+"px",x.marginHorizontal=d),i.createElement(t,r({},x,p))}export{a as Divider};
+//# sourceMappingURL=Divider.js.map

package/dist/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Divider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Divider';
+export { Divider as default } from './Divider';
+//# sourceMappingURL=index.d.ts.map

package/dist/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/DragDrop/DragDrop.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode, ComponentProps } from 'react';
+import * as RBDND from '@planningcenter/react-beautiful-dnd';
+type ProviderProps = ComponentProps<typeof RBDND.DragDropContext> & {
+    children: ReactNode;
+};
+type DroppableProps = ComponentProps<typeof RBDND.Droppable> & {
+    droppableId: number | string;
+    isDropDisabled?: boolean;
+    sourceOnly?: boolean;
+};
+type DraggableProps = ComponentProps<typeof RBDND.Draggable> & {
+    data?: any;
+    draggableId: number | string;
+    index: number;
+    placeholder?: () => ReactNode;
+};
+declare function useDragDrop(): boolean;
+declare function Provider({ onDragStart, onDragEnd, ...props }: ProviderProps): JSX.Element;
+declare function Droppable({ children, sourceOnly, onDragStart, onDragEnd, onDrop, ...props }: DroppableProps): JSX.Element;
+declare function Draggable({ children, placeholder, data, ...props }: DraggableProps): JSX.Element;
+declare function StaticList({ children, variants: _variants, id, ...props }: {
+    [x: string]: any;
+    children: any;
+    variants: any;
+    id: any;
+}): JSX.Element;
+declare const _default: {
+    Provider: typeof Provider;
+    Droppable: typeof Droppable;
+    Draggable: typeof Draggable;
+    StaticList: typeof StaticList;
+    useDragDrop: typeof useDragDrop;
+};
+export default _default;
+//# sourceMappingURL=DragDrop.d.ts.map

package/dist/DragDrop/DragDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../src/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAc,EAOZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,KAAK,MAAM,qCAAqC,CAAA;AAO5D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,eAAe,CAAC,GAAG;IAClE,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,GAAG;IAC7D,WAAW,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,WAAW,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,SAAS,CAAA;CAC9B,CAAA;AAgBD,iBAAS,WAAW,YAGnB;AAED,iBAAS,QAAQ,CAAC,EAChB,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAiD7B;AAED,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,eA4ChB;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,eAuB3E;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE;;;;;CAAA,eA2ClE;;;;;;;;AAED,wBAMC"}

package/dist/DragDrop/DragDrop.js

@@ -0,0 +1,2 @@
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import n,{createContext as t,useContext as a,useEffect as o,Fragment as i,Children as d,createElement as l}from"react";import{createPortal as c}from"react-dom";import*as u from"@planningcenter/react-beautiful-dnd";import p from"mitt";import{getThemeDataAttribute as s}from"../ThemeProvider/styles.js";import{useThemeValue as g}from"../system/utils.js";import{StackView as f}from"../StackView/StackView.js";var m=t(!1),D=t(!1),b=p(),v={},E=null,y=0;function h(){return a(m)}function I(t){var a=t.children,i=t.sourceOnly,d=t.onDragStart,l=t.onDragEnd,c=t.onDrop,p=e(t,["children","sourceOnly","onDragStart","onDragEnd","onDrop"]);return o((function(){function e(e){d&&e.source.droppableId===p.droppableId&&d(e)}return b.on("dragStart",e),function(){b.off("dragStart",e)}}),[d]),o((function(){function e(e){l&&e.source.droppableId===p.droppableId&&l(e),c&&e.destination&&e.destination.droppableId===p.droppableId&&c(e)}return b.on("dragEnd",e),function(){b.off("dragEnd",e)}}),[l,c]),n.createElement(D.Provider,{value:i},n.createElement(u.Droppable,r({isDropDisabled:i},p),(function(e,r){return i&&(e.placeholder=n.createElement("div",{style:{display:"none"}},e.placeholder)),a(e,r)})))}function S(t){var d=t.children,l=t.placeholder,p=t.data,s=e(t,["children","placeholder","data"]),g=a(D);return o((function(){return function(e,r){return v[e]=r,function(){delete v[e]}}(s.draggableId,p)}),[p]),n.createElement(u.Draggable,r({},s),(function(e,r){g&&(e.draggableProps.style=r.isDragging?e.draggableProps.style:{transform:"none",transition:"none"});var t=d(e,r);return r.isDragging?n.createElement(i,null,c(t,E),g&&l&&l()):t}))}var P={Provider:function(t){var a=t.onDragStart,i=t.onDragEnd,d=e(t,["onDragStart","onDragEnd"]),l=h(),c=g("id");return"undefined"!=typeof document&&null===E&&((E=document.createElement("div")).id="rbd-portal",E.className="tapestry-react-reset",E.setAttribute(s(c),"true"),document.body.appendChild(E)),o((function(){return y+=1,function(){0===(y-=1)&&(E=null)}}),[]),l?d.children:n.createElement(m.Provider,{value:!0},n.createElement(u.DragDropContext,r({onDragStart:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragStart",n),a&&a(n)},onDragEnd:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragEnd",n),i&&i(n)}},d)))},Droppable:I,Draggable:S,StaticList:function(t){var a=t.children,o=t.variants,c=t.id,u=e(t,["children","variants","id"]),p=r({item:function(e){return e},placeholder:{opacity:.5}},o);return n.createElement(I,{droppableId:c,isDropDisabled:!0},(function(t){return n.createElement(f,r({innerRef:t.innerRef},u),d.map(a,(function(t,a){var o=t.props,d=o.id,c=e(o,["id"]);return n.createElement(S,{key:t.key,draggableId:d,index:a},(function(e,a){return n.createElement(i,null,l(t.type,r(r(r(r({},c),e.draggableProps),e.dragHandleProps),{innerRef:e.innerRef,style:p.item(a.isDragging?e.draggableProps.style:{transform:"none",transition:"none"},a)})),a.isDragging&&l(t.type,r(r({},c),p.placeholder)))}))})),n.createElement("div",{style:{display:"none"}},t.placeholder))}))},useDragDrop:h};export{P as default};
+//# sourceMappingURL=DragDrop.js.map

package/dist/DragDrop/DragDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDrop.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DragDrop/index.d.ts

@@ -0,0 +1,3 @@
+import DragDrop from './DragDrop';
+export default DragDrop;
+//# sourceMappingURL=index.d.ts.map

package/dist/DragDrop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DragDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,eAAe,QAAQ,CAAA"}

package/dist/DragDrop/index.js

@@ -0,0 +1,2 @@
+import r from"./DragDrop.js";export{r as default};
+//# sourceMappingURL=index.js.map

package/dist/DragDrop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Drawer/Drawer.d.ts

@@ -0,0 +1,6 @@
+export type Props = {
+    open?: boolean;
+};
+declare function Drawer(props: Props): JSX.Element;
+export default Drawer;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AA4DA,MAAM,MAAM,KAAK,GAAG;IAElB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,eA2B3B;AAED,eAAe,MAAM,CAAA"}

package/dist/Drawer/Drawer.js

@@ -0,0 +1,2 @@
+import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import n,{useState as o,useCallback as r,useLayoutEffect as i,useRef as s,useEffect as a}from"react";import{StackView as l}from"../StackView/StackView.js";import{useThemeValue as u}from"../system/utils.js";function c(r){var i=r.shouldClose,c=r.onClose,m=t(r,["shouldClose","onClose"]),f=u("drawer"),d=s(null),p=o(!1),h=p[0],x=p[1];return a((function(){var t=d.current,e=!0;function n(n){n.target===t&&"transform"===n.propertyName&&(e?e=!1:c())}return x(!0),t.addEventListener("transitionend",n),function(){t.removeEventListener("transitionend",n)}}),[]),a((function(){i&&x(!1)}),[i]),n.createElement(l,e({innerRef:d,width:52,height:"100%",x:"".concat(h?0:100,"%"),position:"absolute",bottom:0,right:0,zIndex:999,boxShadow:"-6px 0px 6px -4px rgba(150,150,150,0.25)",backgroundColor:"surfaceTertiary",transition:"transform 240ms ease-out"},f,m))}function m(s){var a=s.open,l=t(s,["open"]),u=o(null),m=u[0],f=u[1],d=o(null),p=d[0],h=d[1],x=r((function(){f(!1),h(!0)}),[]);return i((function(){a?(f(!0),h(!1)):null!==m&&h(!0)}),[a]),m&&n.createElement(c,e({shouldClose:p,onClose:x},l))}export{m as default};
+//# sourceMappingURL=Drawer.js.map

package/dist/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Drawer/index.d.ts

@@ -0,0 +1,3 @@
+import Drawer from './Drawer';
+export default Drawer;
+//# sourceMappingURL=index.d.ts.map

package/dist/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,eAAe,MAAM,CAAA"}

package/dist/Drawer/index.js

@@ -0,0 +1,2 @@
+import r from"./Drawer.js";export{r as default};
+//# sourceMappingURL=index.js.map