@overmap-ai/blocks 0.0.1-alpha.37 → 0.0.1-alpha.38

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/blocks.js CHANGED
@@ -542,6 +542,7 @@ export {
542
542
  ao as ToggleGroup,
543
543
  Yo as Tooltip,
544
544
  Zo as VisuallyHidden,
545
- ro as useAlertDialog
545
+ ro as useAlertDialog,
546
+ x as useSeverityColor
546
547
  };
547
548
  //# sourceMappingURL=blocks.js.map
@@ -1,6 +1,6 @@
1
- (function(o,D){typeof exports=="object"&&typeof module<"u"?D(exports,require("@radix-ui/themes/styles.css"),require("@radix-ui/colors"),require("@radix-ui/react-icons"),require("@radix-ui/themes"),require("react/jsx-runtime"),require("react"),require("@radix-ui/react-toggle-group"),require("@radix-ui/react-toast")):typeof define=="function"&&define.amd?define(["exports","@radix-ui/themes/styles.css","@radix-ui/colors","@radix-ui/react-icons","@radix-ui/themes","react/jsx-runtime","react","@radix-ui/react-toggle-group","@radix-ui/react-toast"],D):(o=typeof globalThis<"u"?globalThis:o||self,D(o.blocks={},null,o.colors,o.reactIcons,o.themes,o.jsxRuntime,o.React,o.reactToggleGroup,o.RadixToast))})(this,function(o,D,N,T,e,r,i,F,K){"use strict";function Q(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,c.get?c:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const O=Q(K);function J(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var L={exports:{}};/*!
1
+ (function(o,D){typeof exports=="object"&&typeof module<"u"?D(exports,require("@radix-ui/themes/styles.css"),require("@radix-ui/colors"),require("@radix-ui/react-icons"),require("@radix-ui/themes"),require("react/jsx-runtime"),require("react"),require("@radix-ui/react-toggle-group"),require("@radix-ui/react-toast")):typeof define=="function"&&define.amd?define(["exports","@radix-ui/themes/styles.css","@radix-ui/colors","@radix-ui/react-icons","@radix-ui/themes","react/jsx-runtime","react","@radix-ui/react-toggle-group","@radix-ui/react-toast"],D):(o=typeof globalThis<"u"?globalThis:o||self,D(o.blocks={},null,o.colors,o.reactIcons,o.themes,o.jsxRuntime,o.React,o.reactToggleGroup,o.RadixToast))})(this,function(o,D,N,S,e,r,i,F,K){"use strict";function Q(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,c.get?c:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const O=Q(K);function J(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var L={exports:{}};/*!
2
2
  Copyright (c) 2018 Jed Watson.
3
3
  Licensed under the MIT License (MIT), see
4
4
  http://jedwatson.github.io/classnames
5
- */(function(t){(function(){var a={}.hasOwnProperty;function l(){for(var c=[],u=0;u<arguments.length;u++){var n=arguments[u];if(n){var d=typeof n;if(d==="string"||d==="number")c.push(n);else if(Array.isArray(n)){if(n.length){var s=l.apply(null,n);s&&c.push(s)}}else if(d==="object"){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){c.push(n.toString());continue}for(var f in n)a.call(n,f)&&n[f]&&c.push(f)}}}return c.join(" ")}t.exports?(l.default=l,t.exports=l):window.classNames=l})()})(L);var U=L.exports;const v=J(U);function S(t,a){if(typeof t=="object"){if(!("initial"in t))throw new Error("Expected initial property to be set in Responsive object");return Object.fromEntries(Object.entries(t).map(([l,c])=>[l,a[c]]))}else return a[t]}const W={success:"green",danger:"red",info:"gray"},w=t=>{const a=e.useThemeContext();return t==="primary"?a.accentColor:W[t]},X=i.forwardRef(function({className:a,severity:l="primary",rounded:c,color:u,children:n,...d},s){const f=w(l);return r.jsx(e.Badge,{className:v("overmap-badge",a),ref:s,color:u||f,radius:c?"full":void 0,...d,children:n})}),Y=i.memo(X),j={fluid:"_fluid_r73gr_1",hoverSpin90Clockwise:"_hoverSpin90Clockwise_r73gr_15",hoverSpin180Clockwise:"_hoverSpin180Clockwise_r73gr_25",hoverSpin360Clockwise:"_hoverSpin360Clockwise_r73gr_35"},x={spin90Clockwise:j.hoverSpin90Clockwise,spin180Clockwise:j.hoverSpin180Clockwise,spin360Clockwise:j.hoverSpin360Clockwise},k={small:"1",medium:"2",large:"3"},Z=i.forwardRef(function({className:a,fluid:l,size:c="medium",severity:u="primary",hoverEffects:n,type:d="button",...s},f){const p=w(u),C=(n==null?void 0:n.map(g=>x[g]))||[];return r.jsx(e.Button,{ref:f,className:v(a,C,{[j.fluid]:l}),color:p,size:S(c,k),type:d,...s})}),A=i.memo(Z),R=i.forwardRef(function({className:a,children:l,size:c="medium",severity:u="primary",hoverEffects:n,type:d="button",...s},f){const p=w(u),C=(n==null?void 0:n.map(g=>x[g]))||[];return r.jsx(e.IconButton,{className:v(a,C,j.default),ref:f,color:p,size:S(c,k),type:d,...s,children:l})}),I=i.memo(R),ee={merged:"_merged_f4366_1"},oe={row:{small:"4",medium:"4",large:"5"},column:{small:"2",medium:"3",large:"4"}},re=i.forwardRef(function({className:a,merged:l=!1,children:c,gap:u="2",direction:n="row",severity:d="primary",size:s="medium",variant:f="solid",hoverEffects:p,...C},g){return r.jsx(e.Flex,{className:v("overmap-button-group",a,{[ee.merged]:l}),ref:g,gap:l?f==="ghost"?S(s,oe[n]):"0":u,direction:n,"data-direction":n,...C,children:c.map((b,P)=>b.type===A||b.type===I?i.cloneElement(b,{key:P,size:s,severity:d,variant:f,hoverEffects:p}):b)})}),M=i.memo(re),ne=i.memo(function(a){const{title:l,description:c,content:u,closeDialog:n}=a;return r.jsxs(e.Flex,{direction:"column",gap:"2",children:[r.jsxs(e.Flex,{direction:"column",gap:"1",children:[r.jsxs(e.Flex,{justify:"between",children:[r.jsx(e.Dialog.Title,{mb:"0",children:l}),r.jsx(e.Dialog.Close,{children:r.jsx(e.IconButton,{color:"gray",variant:"ghost","aria-label":"Close",children:r.jsx(T.Cross1Icon,{})})})]}),r.jsx(e.Dialog.Description,{children:c})]}),u(n)]})}),te=i.memo(function(a){const{children:l,size:c,onOpen:u,onCloseInterrupt:n,...d}=a,[s,f]=i.useState(!1),p=i.useCallback(g=>{if(g&&u)u();else if(!g&&n)return n(()=>f(!1));f(g)},[u,n]),C=i.useCallback(g=>{if(g!=null&&g.force)return f(!1);p(!1)},[p]);return r.jsxs(e.Dialog.Root,{open:s,onOpenChange:p,children:[r.jsx(e.Dialog.Content,{size:c,children:r.jsx(ne,{closeDialog:C,...d})}),l(e.Dialog.Trigger)]})}),$=t=>r.jsx(e.AlertDialog.Title,{mb:"0",...t}),le=t=>{const{title:a,description:l,actionText:c="Confirm",cancelText:u="Cancel",onAction:n,onCancel:d,severity:s}=t;return r.jsxs(e.Flex,{direction:"column",gap:"2",children:[r.jsxs(e.Flex,{direction:"column",gap:"1",children:[r.jsx($,{children:a}),r.jsx(e.AlertDialog.Description,{children:l})]}),r.jsxs(e.Flex,{gap:"3",mt:"4",justify:"end",children:[r.jsx(e.AlertDialog.Cancel,{children:r.jsx(A,{variant:"soft",severity:"info",onClick:d,children:u})}),r.jsx(e.AlertDialog.Action,{children:r.jsx(A,{variant:"solid",severity:s,onClick:n,children:c})})]})]})},G=i.memo(function(a){const{open:l,setOpen:c,children:u,...n}=a,d=i.useMemo(()=>({close:()=>c(!1),Title:$,Description:e.AlertDialog.Description}),[c]);return r.jsxs(e.AlertDialog.Root,{open:l,onOpenChange:c,children:[r.jsx(e.AlertDialog.Content,{children:"content"in n?n.content(d):r.jsx(le,{...n})}),u]})}),B=i.createContext(()=>{throw new Error("No AlertDialogProvider found")}),ie={content:()=>null},ce=i.memo(function({children:a}){const[l,c]=i.useState(!1),[u,n]=i.useState(ie),d=i.useCallback(s=>{if(l)throw new Error("AlertDialog is already open");n(s),c(!0)},[l]);return r.jsx(G,{open:l,setOpen:c,...u,children:r.jsx(B.Provider,{value:d,children:a})})}),ae=()=>i.useContext(B),ue={fluid:"_fluid_7n1wr_1"},se=i.forwardRef(function({className:a,fluid:l,size:c="medium",variant:u="surface",severity:n="primary",placeholder:d="Select",side:s,items:f=[],value:p,id:C,...g},b){const P=i.useMemo(()=>S(c,k),[c]),y=w(n);return i.createElement(e.Select.Root,{size:P,...g,key:p===void 0?1:0,value:p},r.jsx(e.Select.Trigger,{className:v(a,{[ue.fluid]:l}),id:C,ref:b,variant:u,placeholder:d,color:y}),r.jsx(e.Select.Content,{side:s,position:"popper",variant:u!=="surface"?"soft":"solid",color:y,children:f.map(({label:h,value:m,...Te})=>r.jsx(e.Select.Item,{value:m,...Te,children:h},m))}))}),de=i.memo(se),_={accommodateCharCount:"_accommodateCharCount_fni4k_1",default:"_default_fni4k_5",noLeftIcon:"_noLeftIcon_fni4k_9",noRightIcon:"_noRightIcon_fni4k_13",charCount:"_charCount_fni4k_17"},fe=i.forwardRef(function({className:a,leftIcon:l,rightIcon:c,size:u="medium",showInputLength:n,value:d,variant:s,severity:f="primary",...p},C){const g=i.useMemo(()=>S(u,k),[u]),b=w(f),P=n||n===void 0&&p.maxLength!==void 0,y=d!==void 0?d.toString():void 0;return r.jsxs(e.TextField.Root,{className:v({[_.accommodateCharCount]:P}),size:g,variant:s,color:b,children:[r.jsx(e.TextField.Slot,{children:l}),r.jsx(e.TextField.Input,{className:v(_.default,a,{[_.noLeftIcon]:!l,[_.noRightIcon]:!c}),ref:C,size:g,variant:s,color:b,...p}),r.jsx(e.TextField.Slot,{children:c}),P&&r.jsx(e.Text,{as:"p",className:_.charCount,size:"1",color:"gray",children:p.maxLength!==void 0?`${y==null?void 0:y.length}/${p.maxLength}`:`${y==null?void 0:y.length}`})]})}),ge=i.memo(fe),pe=i.forwardRef(function({defaultOpen:a=!1,modal:l=!1,content:c,children:u,...n},d){return r.jsxs(e.Popover.Root,{defaultOpen:a,modal:l,children:[r.jsx(e.Popover.Trigger,{children:u}),r.jsx(e.Popover.Content,{ref:d,...n,children:c(e.Popover.Close)})]})}),be=i.memo(pe),Ce={charCount:"_charCount_17uut_1"},ye=i.forwardRef(function({className:a,showInputLength:l,inputLengthTemplate:c,value:u,severity:n="primary",resize:d,...s},f){const p=w(n),C=w("info"),g=l||l===void 0&&(s.maxLength!==void 0||s.minLength!==void 0),b=u!==void 0?u.toString():"",P=i.useMemo(()=>{if(c){let y=c.replace("{current}",b.length.toString());return s.minLength!==void 0&&(y=y.replace("{min}",s.minLength.toString())),s.maxLength!==void 0&&(y=y.replace("{max}",s.maxLength.toString())),y}return b.length},[c,s.maxLength,s.minLength,b.length]);return r.jsxs(r.Fragment,{children:[r.jsx(e.TextArea,{className:v("overmap-textarea",a),style:{resize:d},ref:f,value:u,color:p,...s}),g&&r.jsx(e.Text,{as:"p",className:Ce.charCount,color:C,align:"right",children:P})]})}),he=i.memo(ye),ve=i.forwardRef(function({className:a,items:l,orientation:c="horizontal",merged:u=!0,value:n,severity:d,gap:s,size:f,...p},C){return r.jsx(F.Root,{className:v("overmap-toggle-group",a),ref:C,value:n,orientation:c,...p,children:r.jsx(M,{width:"min-content",height:"min-content",merged:u,direction:c==="vertical"?"column":"row",gap:s,children:l.map(({children:g,...b})=>i.createElement(F.Item,{asChild:!0,...b,key:b.value},r.jsx(I,{className:v("overmap-toggle-group-button"),"aria-label":b.value,severity:d,variant:b.value===n?"solid":"soft",size:f,children:g})))})})}),Pe=i.memo(ve),z={wrapper:"_wrapper_o13vb_1",slideRight:"_slideRight_o13vb_1"},me=i.forwardRef(function({title:a,description:l,icon:c,severity:u="primary",size:n,onClose:d,...s},f){const p=w(u),C=i.useCallback(g=>{!g&&d&&d()},[d]);return r.jsx(O.Root,{asChild:!0,ref:f,...s,onOpenChange:C,children:r.jsx(e.Callout.Root,{className:v("overmap-toast",z.wrapper),variant:"surface",color:p,size:n,children:r.jsxs(e.Flex,{width:"100%",align:"center",gap:"4",justify:"between",children:[r.jsxs(e.Flex,{align:"center",gap:"4",children:[r.jsx(e.Callout.Icon,{children:c||r.jsx(T.InfoCircledIcon,{})}),r.jsxs(e.Flex,{direction:"column",gap:"0",children:[r.jsx(O.Title,{asChild:!0,children:r.jsx(e.Callout.Text,{weight:"bold",children:a})}),r.jsx(O.Description,{asChild:!0,children:r.jsx(e.Callout.Text,{weight:"light",children:l})})]})]}),r.jsx(O.Close,{asChild:!0,children:r.jsx(I,{className:z.closeButton,"aria-label":"Close",variant:"ghost",size:"small",severity:u,children:r.jsx(T.Cross2Icon,{})})})]})})})}),q=i.memo(function({children:a,...l}){return r.jsx(O.Provider,{swipeDirection:"right",swipeThreshold:75,...l,children:a})}),E=i.memo(me),V=O.Viewport,H=i.createContext({}),we=i.memo(function({children:a,viewportClass:l,hotkey:c,duration:u=1e4,...n}){const[d,s]=i.useState([]),f=i.useCallback(h=>{s(m=>[...m,h])},[]),p=i.useCallback(h=>{f({severity:"primary",...h})},[f]),C=i.useCallback(h=>{f({severity:"success",...h})},[f]),g=i.useCallback(h=>{f({severity:"danger",...h})},[f]),b=i.useCallback(h=>{f({severity:"info",...h})},[f]),P=i.useCallback(h=>{const m=[...d];m.splice(h,1),s(()=>m)},[d]),y={showToast:f,showPrimary:p,showSuccess:C,showError:g,showInfo:b};return r.jsx(H.Provider,{value:y,children:r.jsxs(q,{duration:u,...n,children:[r.jsx(V,{className:l,hotkey:c}),d.map((h,m)=>r.jsx(E,{...h,onClose:()=>P(m)},m)),a]})})}),$e="",Oe=i.memo(i.forwardRef((t,a)=>{const{panelBackground:l="solid",...c}=t;return r.jsx(e.Theme,{panelBackground:l,ref:a,...c})}));Object.defineProperty(o,"AccessibleIcon",{enumerable:!0,get:()=>e.AccessibleIcon}),Object.defineProperty(o,"AspectRatio",{enumerable:!0,get:()=>e.AspectRatio}),Object.defineProperty(o,"Avatar",{enumerable:!0,get:()=>e.Avatar}),Object.defineProperty(o,"Blockquote",{enumerable:!0,get:()=>e.Blockquote}),Object.defineProperty(o,"Box",{enumerable:!0,get:()=>e.Box}),Object.defineProperty(o,"Callout",{enumerable:!0,get:()=>e.Callout}),Object.defineProperty(o,"Card",{enumerable:!0,get:()=>e.Card}),Object.defineProperty(o,"Checkbox",{enumerable:!0,get:()=>e.Checkbox}),Object.defineProperty(o,"Code",{enumerable:!0,get:()=>e.Code}),Object.defineProperty(o,"Container",{enumerable:!0,get:()=>e.Container}),Object.defineProperty(o,"ContextMenu",{enumerable:!0,get:()=>e.ContextMenu}),Object.defineProperty(o,"DropdownMenu",{enumerable:!0,get:()=>e.DropdownMenu}),Object.defineProperty(o,"Em",{enumerable:!0,get:()=>e.Em}),Object.defineProperty(o,"Flex",{enumerable:!0,get:()=>e.Flex}),Object.defineProperty(o,"Grid",{enumerable:!0,get:()=>e.Grid}),Object.defineProperty(o,"Heading",{enumerable:!0,get:()=>e.Heading}),Object.defineProperty(o,"HoverCard",{enumerable:!0,get:()=>e.HoverCard}),Object.defineProperty(o,"Inset",{enumerable:!0,get:()=>e.Inset}),Object.defineProperty(o,"Kbd",{enumerable:!0,get:()=>e.Kbd}),Object.defineProperty(o,"Link",{enumerable:!0,get:()=>e.Link}),Object.defineProperty(o,"Portal",{enumerable:!0,get:()=>e.Portal}),Object.defineProperty(o,"Quote",{enumerable:!0,get:()=>e.Quote}),Object.defineProperty(o,"RadioGroup",{enumerable:!0,get:()=>e.RadioGroup}),Object.defineProperty(o,"ScrollArea",{enumerable:!0,get:()=>e.ScrollArea}),Object.defineProperty(o,"Section",{enumerable:!0,get:()=>e.Section}),Object.defineProperty(o,"Separator",{enumerable:!0,get:()=>e.Separator}),Object.defineProperty(o,"Slider",{enumerable:!0,get:()=>e.Slider}),Object.defineProperty(o,"Slot",{enumerable:!0,get:()=>e.Slot}),Object.defineProperty(o,"Strong",{enumerable:!0,get:()=>e.Strong}),Object.defineProperty(o,"Switch",{enumerable:!0,get:()=>e.Switch}),Object.defineProperty(o,"Table",{enumerable:!0,get:()=>e.Table}),Object.defineProperty(o,"Tabs",{enumerable:!0,get:()=>e.Tabs}),Object.defineProperty(o,"Text",{enumerable:!0,get:()=>e.Text}),Object.defineProperty(o,"TextField",{enumerable:!0,get:()=>e.TextField}),Object.defineProperty(o,"Theme",{enumerable:!0,get:()=>e.Theme}),Object.defineProperty(o,"Tooltip",{enumerable:!0,get:()=>e.Tooltip}),Object.defineProperty(o,"VisuallyHidden",{enumerable:!0,get:()=>e.VisuallyHidden}),o.AlertDialog=G,o.AlertDialogContent=B,o.AlertDialogProvider=ce,o.Badge=Y,o.Button=A,o.ButtonGroup=M,o.DefaultTheme=Oe,o.Dialog=te,o.IconButton=I,o.Input=ge,o.Popover=be,o.Select=de,o.TextArea=he,o.Toast=E,o.ToastContext=H,o.ToastContextProvider=we,o.ToastProvider=q,o.ToastViewport=V,o.ToggleGroup=Pe,o.useAlertDialog=ae,Object.keys(N).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:()=>N[t]})}),Object.keys(T).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:()=>T[t]})}),Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
5
+ */(function(t){(function(){var a={}.hasOwnProperty;function l(){for(var c=[],u=0;u<arguments.length;u++){var n=arguments[u];if(n){var d=typeof n;if(d==="string"||d==="number")c.push(n);else if(Array.isArray(n)){if(n.length){var s=l.apply(null,n);s&&c.push(s)}}else if(d==="object"){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){c.push(n.toString());continue}for(var f in n)a.call(n,f)&&n[f]&&c.push(f)}}}return c.join(" ")}t.exports?(l.default=l,t.exports=l):window.classNames=l})()})(L);var U=L.exports;const v=J(U);function T(t,a){if(typeof t=="object"){if(!("initial"in t))throw new Error("Expected initial property to be set in Responsive object");return Object.fromEntries(Object.entries(t).map(([l,c])=>[l,a[c]]))}else return a[t]}const W={success:"green",danger:"red",info:"gray"},w=t=>{const a=e.useThemeContext();return t==="primary"?a.accentColor:W[t]},X=i.forwardRef(function({className:a,severity:l="primary",rounded:c,color:u,children:n,...d},s){const f=w(l);return r.jsx(e.Badge,{className:v("overmap-badge",a),ref:s,color:u||f,radius:c?"full":void 0,...d,children:n})}),Y=i.memo(X),j={fluid:"_fluid_r73gr_1",hoverSpin90Clockwise:"_hoverSpin90Clockwise_r73gr_15",hoverSpin180Clockwise:"_hoverSpin180Clockwise_r73gr_25",hoverSpin360Clockwise:"_hoverSpin360Clockwise_r73gr_35"},M={spin90Clockwise:j.hoverSpin90Clockwise,spin180Clockwise:j.hoverSpin180Clockwise,spin360Clockwise:j.hoverSpin360Clockwise},k={small:"1",medium:"2",large:"3"},Z=i.forwardRef(function({className:a,fluid:l,size:c="medium",severity:u="primary",hoverEffects:n,type:d="button",...s},f){const p=w(u),C=(n==null?void 0:n.map(g=>M[g]))||[];return r.jsx(e.Button,{ref:f,className:v(a,C,{[j.fluid]:l}),color:p,size:T(c,k),type:d,...s})}),A=i.memo(Z),R=i.forwardRef(function({className:a,children:l,size:c="medium",severity:u="primary",hoverEffects:n,type:d="button",...s},f){const p=w(u),C=(n==null?void 0:n.map(g=>M[g]))||[];return r.jsx(e.IconButton,{className:v(a,C,j.default),ref:f,color:p,size:T(c,k),type:d,...s,children:l})}),I=i.memo(R),ee={merged:"_merged_f4366_1"},oe={row:{small:"4",medium:"4",large:"5"},column:{small:"2",medium:"3",large:"4"}},re=i.forwardRef(function({className:a,merged:l=!1,children:c,gap:u="2",direction:n="row",severity:d="primary",size:s="medium",variant:f="solid",hoverEffects:p,...C},g){return r.jsx(e.Flex,{className:v("overmap-button-group",a,{[ee.merged]:l}),ref:g,gap:l?f==="ghost"?T(s,oe[n]):"0":u,direction:n,"data-direction":n,...C,children:c.map((b,P)=>b.type===A||b.type===I?i.cloneElement(b,{key:P,size:s,severity:d,variant:f,hoverEffects:p}):b)})}),x=i.memo(re),ne=i.memo(function(a){const{title:l,description:c,content:u,closeDialog:n}=a;return r.jsxs(e.Flex,{direction:"column",gap:"2",children:[r.jsxs(e.Flex,{direction:"column",gap:"1",children:[r.jsxs(e.Flex,{justify:"between",children:[r.jsx(e.Dialog.Title,{mb:"0",children:l}),r.jsx(e.Dialog.Close,{children:r.jsx(e.IconButton,{color:"gray",variant:"ghost","aria-label":"Close",children:r.jsx(S.Cross1Icon,{})})})]}),r.jsx(e.Dialog.Description,{children:c})]}),u(n)]})}),te=i.memo(function(a){const{children:l,size:c,onOpen:u,onCloseInterrupt:n,...d}=a,[s,f]=i.useState(!1),p=i.useCallback(g=>{if(g&&u)u();else if(!g&&n)return n(()=>f(!1));f(g)},[u,n]),C=i.useCallback(g=>{if(g!=null&&g.force)return f(!1);p(!1)},[p]);return r.jsxs(e.Dialog.Root,{open:s,onOpenChange:p,children:[r.jsx(e.Dialog.Content,{size:c,children:r.jsx(ne,{closeDialog:C,...d})}),l(e.Dialog.Trigger)]})}),$=t=>r.jsx(e.AlertDialog.Title,{mb:"0",...t}),le=t=>{const{title:a,description:l,actionText:c="Confirm",cancelText:u="Cancel",onAction:n,onCancel:d,severity:s}=t;return r.jsxs(e.Flex,{direction:"column",gap:"2",children:[r.jsxs(e.Flex,{direction:"column",gap:"1",children:[r.jsx($,{children:a}),r.jsx(e.AlertDialog.Description,{children:l})]}),r.jsxs(e.Flex,{gap:"3",mt:"4",justify:"end",children:[r.jsx(e.AlertDialog.Cancel,{children:r.jsx(A,{variant:"soft",severity:"info",onClick:d,children:u})}),r.jsx(e.AlertDialog.Action,{children:r.jsx(A,{variant:"solid",severity:s,onClick:n,children:c})})]})]})},G=i.memo(function(a){const{open:l,setOpen:c,children:u,...n}=a,d=i.useMemo(()=>({close:()=>c(!1),Title:$,Description:e.AlertDialog.Description}),[c]);return r.jsxs(e.AlertDialog.Root,{open:l,onOpenChange:c,children:[r.jsx(e.AlertDialog.Content,{children:"content"in n?n.content(d):r.jsx(le,{...n})}),u]})}),B=i.createContext(()=>{throw new Error("No AlertDialogProvider found")}),ie={content:()=>null},ce=i.memo(function({children:a}){const[l,c]=i.useState(!1),[u,n]=i.useState(ie),d=i.useCallback(s=>{if(l)throw new Error("AlertDialog is already open");n(s),c(!0)},[l]);return r.jsx(G,{open:l,setOpen:c,...u,children:r.jsx(B.Provider,{value:d,children:a})})}),ae=()=>i.useContext(B),ue={fluid:"_fluid_7n1wr_1"},se=i.forwardRef(function({className:a,fluid:l,size:c="medium",variant:u="surface",severity:n="primary",placeholder:d="Select",side:s,items:f=[],value:p,id:C,...g},b){const P=i.useMemo(()=>T(c,k),[c]),y=w(n);return i.createElement(e.Select.Root,{size:P,...g,key:p===void 0?1:0,value:p},r.jsx(e.Select.Trigger,{className:v(a,{[ue.fluid]:l}),id:C,ref:b,variant:u,placeholder:d,color:y}),r.jsx(e.Select.Content,{side:s,position:"popper",variant:u!=="surface"?"soft":"solid",color:y,children:f.map(({label:h,value:m,...Se})=>r.jsx(e.Select.Item,{value:m,...Se,children:h},m))}))}),de=i.memo(se),_={accommodateCharCount:"_accommodateCharCount_fni4k_1",default:"_default_fni4k_5",noLeftIcon:"_noLeftIcon_fni4k_9",noRightIcon:"_noRightIcon_fni4k_13",charCount:"_charCount_fni4k_17"},fe=i.forwardRef(function({className:a,leftIcon:l,rightIcon:c,size:u="medium",showInputLength:n,value:d,variant:s,severity:f="primary",...p},C){const g=i.useMemo(()=>T(u,k),[u]),b=w(f),P=n||n===void 0&&p.maxLength!==void 0,y=d!==void 0?d.toString():void 0;return r.jsxs(e.TextField.Root,{className:v({[_.accommodateCharCount]:P}),size:g,variant:s,color:b,children:[r.jsx(e.TextField.Slot,{children:l}),r.jsx(e.TextField.Input,{className:v(_.default,a,{[_.noLeftIcon]:!l,[_.noRightIcon]:!c}),ref:C,size:g,variant:s,color:b,...p}),r.jsx(e.TextField.Slot,{children:c}),P&&r.jsx(e.Text,{as:"p",className:_.charCount,size:"1",color:"gray",children:p.maxLength!==void 0?`${y==null?void 0:y.length}/${p.maxLength}`:`${y==null?void 0:y.length}`})]})}),ge=i.memo(fe),pe=i.forwardRef(function({defaultOpen:a=!1,modal:l=!1,content:c,children:u,...n},d){return r.jsxs(e.Popover.Root,{defaultOpen:a,modal:l,children:[r.jsx(e.Popover.Trigger,{children:u}),r.jsx(e.Popover.Content,{ref:d,...n,children:c(e.Popover.Close)})]})}),be=i.memo(pe),Ce={charCount:"_charCount_17uut_1"},ye=i.forwardRef(function({className:a,showInputLength:l,inputLengthTemplate:c,value:u,severity:n="primary",resize:d,...s},f){const p=w(n),C=w("info"),g=l||l===void 0&&(s.maxLength!==void 0||s.minLength!==void 0),b=u!==void 0?u.toString():"",P=i.useMemo(()=>{if(c){let y=c.replace("{current}",b.length.toString());return s.minLength!==void 0&&(y=y.replace("{min}",s.minLength.toString())),s.maxLength!==void 0&&(y=y.replace("{max}",s.maxLength.toString())),y}return b.length},[c,s.maxLength,s.minLength,b.length]);return r.jsxs(r.Fragment,{children:[r.jsx(e.TextArea,{className:v("overmap-textarea",a),style:{resize:d},ref:f,value:u,color:p,...s}),g&&r.jsx(e.Text,{as:"p",className:Ce.charCount,color:C,align:"right",children:P})]})}),he=i.memo(ye),ve=i.forwardRef(function({className:a,items:l,orientation:c="horizontal",merged:u=!0,value:n,severity:d,gap:s,size:f,...p},C){return r.jsx(F.Root,{className:v("overmap-toggle-group",a),ref:C,value:n,orientation:c,...p,children:r.jsx(x,{width:"min-content",height:"min-content",merged:u,direction:c==="vertical"?"column":"row",gap:s,children:l.map(({children:g,...b})=>i.createElement(F.Item,{asChild:!0,...b,key:b.value},r.jsx(I,{className:v("overmap-toggle-group-button"),"aria-label":b.value,severity:d,variant:b.value===n?"solid":"soft",size:f,children:g})))})})}),Pe=i.memo(ve),z={wrapper:"_wrapper_o13vb_1",slideRight:"_slideRight_o13vb_1"},me=i.forwardRef(function({title:a,description:l,icon:c,severity:u="primary",size:n,onClose:d,...s},f){const p=w(u),C=i.useCallback(g=>{!g&&d&&d()},[d]);return r.jsx(O.Root,{asChild:!0,ref:f,...s,onOpenChange:C,children:r.jsx(e.Callout.Root,{className:v("overmap-toast",z.wrapper),variant:"surface",color:p,size:n,children:r.jsxs(e.Flex,{width:"100%",align:"center",gap:"4",justify:"between",children:[r.jsxs(e.Flex,{align:"center",gap:"4",children:[r.jsx(e.Callout.Icon,{children:c||r.jsx(S.InfoCircledIcon,{})}),r.jsxs(e.Flex,{direction:"column",gap:"0",children:[r.jsx(O.Title,{asChild:!0,children:r.jsx(e.Callout.Text,{weight:"bold",children:a})}),r.jsx(O.Description,{asChild:!0,children:r.jsx(e.Callout.Text,{weight:"light",children:l})})]})]}),r.jsx(O.Close,{asChild:!0,children:r.jsx(I,{className:z.closeButton,"aria-label":"Close",variant:"ghost",size:"small",severity:u,children:r.jsx(S.Cross2Icon,{})})})]})})})}),q=i.memo(function({children:a,...l}){return r.jsx(O.Provider,{swipeDirection:"right",swipeThreshold:75,...l,children:a})}),E=i.memo(me),V=O.Viewport,H=i.createContext({}),we=i.memo(function({children:a,viewportClass:l,hotkey:c,duration:u=1e4,...n}){const[d,s]=i.useState([]),f=i.useCallback(h=>{s(m=>[...m,h])},[]),p=i.useCallback(h=>{f({severity:"primary",...h})},[f]),C=i.useCallback(h=>{f({severity:"success",...h})},[f]),g=i.useCallback(h=>{f({severity:"danger",...h})},[f]),b=i.useCallback(h=>{f({severity:"info",...h})},[f]),P=i.useCallback(h=>{const m=[...d];m.splice(h,1),s(()=>m)},[d]),y={showToast:f,showPrimary:p,showSuccess:C,showError:g,showInfo:b};return r.jsx(H.Provider,{value:y,children:r.jsxs(q,{duration:u,...n,children:[r.jsx(V,{className:l,hotkey:c}),d.map((h,m)=>r.jsx(E,{...h,onClose:()=>P(m)},m)),a]})})}),$e="",Oe=i.memo(i.forwardRef((t,a)=>{const{panelBackground:l="solid",...c}=t;return r.jsx(e.Theme,{panelBackground:l,ref:a,...c})}));Object.defineProperty(o,"AccessibleIcon",{enumerable:!0,get:()=>e.AccessibleIcon}),Object.defineProperty(o,"AspectRatio",{enumerable:!0,get:()=>e.AspectRatio}),Object.defineProperty(o,"Avatar",{enumerable:!0,get:()=>e.Avatar}),Object.defineProperty(o,"Blockquote",{enumerable:!0,get:()=>e.Blockquote}),Object.defineProperty(o,"Box",{enumerable:!0,get:()=>e.Box}),Object.defineProperty(o,"Callout",{enumerable:!0,get:()=>e.Callout}),Object.defineProperty(o,"Card",{enumerable:!0,get:()=>e.Card}),Object.defineProperty(o,"Checkbox",{enumerable:!0,get:()=>e.Checkbox}),Object.defineProperty(o,"Code",{enumerable:!0,get:()=>e.Code}),Object.defineProperty(o,"Container",{enumerable:!0,get:()=>e.Container}),Object.defineProperty(o,"ContextMenu",{enumerable:!0,get:()=>e.ContextMenu}),Object.defineProperty(o,"DropdownMenu",{enumerable:!0,get:()=>e.DropdownMenu}),Object.defineProperty(o,"Em",{enumerable:!0,get:()=>e.Em}),Object.defineProperty(o,"Flex",{enumerable:!0,get:()=>e.Flex}),Object.defineProperty(o,"Grid",{enumerable:!0,get:()=>e.Grid}),Object.defineProperty(o,"Heading",{enumerable:!0,get:()=>e.Heading}),Object.defineProperty(o,"HoverCard",{enumerable:!0,get:()=>e.HoverCard}),Object.defineProperty(o,"Inset",{enumerable:!0,get:()=>e.Inset}),Object.defineProperty(o,"Kbd",{enumerable:!0,get:()=>e.Kbd}),Object.defineProperty(o,"Link",{enumerable:!0,get:()=>e.Link}),Object.defineProperty(o,"Portal",{enumerable:!0,get:()=>e.Portal}),Object.defineProperty(o,"Quote",{enumerable:!0,get:()=>e.Quote}),Object.defineProperty(o,"RadioGroup",{enumerable:!0,get:()=>e.RadioGroup}),Object.defineProperty(o,"ScrollArea",{enumerable:!0,get:()=>e.ScrollArea}),Object.defineProperty(o,"Section",{enumerable:!0,get:()=>e.Section}),Object.defineProperty(o,"Separator",{enumerable:!0,get:()=>e.Separator}),Object.defineProperty(o,"Slider",{enumerable:!0,get:()=>e.Slider}),Object.defineProperty(o,"Slot",{enumerable:!0,get:()=>e.Slot}),Object.defineProperty(o,"Strong",{enumerable:!0,get:()=>e.Strong}),Object.defineProperty(o,"Switch",{enumerable:!0,get:()=>e.Switch}),Object.defineProperty(o,"Table",{enumerable:!0,get:()=>e.Table}),Object.defineProperty(o,"Tabs",{enumerable:!0,get:()=>e.Tabs}),Object.defineProperty(o,"Text",{enumerable:!0,get:()=>e.Text}),Object.defineProperty(o,"TextField",{enumerable:!0,get:()=>e.TextField}),Object.defineProperty(o,"Theme",{enumerable:!0,get:()=>e.Theme}),Object.defineProperty(o,"Tooltip",{enumerable:!0,get:()=>e.Tooltip}),Object.defineProperty(o,"VisuallyHidden",{enumerable:!0,get:()=>e.VisuallyHidden}),o.AlertDialog=G,o.AlertDialogContent=B,o.AlertDialogProvider=ce,o.Badge=Y,o.Button=A,o.ButtonGroup=x,o.DefaultTheme=Oe,o.Dialog=te,o.IconButton=I,o.Input=ge,o.Popover=be,o.Select=de,o.TextArea=he,o.Toast=E,o.ToastContext=H,o.ToastContextProvider=we,o.ToastProvider=q,o.ToastViewport=V,o.ToggleGroup=Pe,o.useAlertDialog=ae,o.useSeverityColor=w,Object.keys(N).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:()=>N[t]})}),Object.keys(S).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:()=>S[t]})}),Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
6
6
  //# sourceMappingURL=blocks.umd.cjs.map
package/dist/index.d.ts CHANGED
@@ -13,4 +13,5 @@ export * from "./TextArea";
13
13
  export * from "./ToggleGroup";
14
14
  export * from "./Toast";
15
15
  export * from "./Theme";
16
+ export { useSeverityColor } from "./utils.ts";
16
17
  export * from "./typings.ts";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@overmap-ai/blocks",
3
3
  "private": false,
4
- "version": "0.0.1-alpha.37",
4
+ "version": "0.0.1-alpha.38",
5
5
  "type": "module",
6
6
  "main": "dist/blocks.umd.cjs",
7
7
  "module": "dist/blocks.js",