rechtspilot-ui 1.2.2 → 1.2.3

package/dist/index.cjs

@@ -133,19 +133,19 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return i.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},Un=`DialogDescriptionWarning`,Wn=({contentRef:e,descriptionId:t})=>{let n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Vn(Un).contentName}}.`;return i.useEffect(()=>{let r=e.current?.getAttribute(`aria-describedby`);t&&r&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},Gn=gn,Kn=Sn,qn=wn,Jn=On,Yn=Nn,Xn=Fn,Zn=Ln,Qn=Gn,$n=Kn,er=i.forwardRef(({className:t,...r},i)=>(0,n.jsx)(qn,{ref:i,className:e.R(`fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,t),...r}));er.displayName=qn.displayName;var tr=i.forwardRef(({className:t,children:r,...i},a)=>(0,n.jsxs)($n,{children:[(0,n.jsx)(er,{}),(0,n.jsxs)(Jn,{ref:a,translate:`no`,className:e.R(`fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] dark:border-neutral-800 dark:bg-neutral-950`,t),...i,children:[r,(0,n.jsxs)(Zn,{className:`absolute right-4 top-4 rounded-xs opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400`,children:[(0,n.jsx)(e.I,{className:`h-4 w-4`}),(0,n.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]}));tr.displayName=Jn.displayName;var nr=({className:t,...r})=>(0,n.jsx)(`div`,{className:e.R(`flex flex-col space-y-1.5 text-center sm:text-left`,t),...r});nr.displayName=`DialogHeader`;var rr=({className:t,...r})=>(0,n.jsx)(`div`,{className:e.R(`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2`,t),...r});rr.displayName=`DialogFooter`;var ir=i.forwardRef(({className:t,...r},i)=>(0,n.jsx)(Yn,{ref:i,className:e.R(`text-lg font-semibold leading-none tracking-tight hidden`,t),...r}));ir.displayName=Yn.displayName;var ar=i.forwardRef(({className:t,...r},i)=>(0,n.jsx)(Xn,{ref:i,className:e.R(`text-sm text-neutral-500 dark:text-neutral-400`,t),...r}));ar.displayName=Xn.displayName;function or({open:e,toggleDialog:t,children:r,...i}){return(0,n.jsx)(Qn,{open:e,onOpenChange:t,...i,children:r})}var sr=(0,i.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(qn,{ref:i,className:e.R(`fixed inset-0 z-50 bg-black/30 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,t),...r}));sr.displayName=qn.displayName;var cr=(0,t.styled)(Jn)`
-  --dialog-scale: ${({$fullScreen:e,$height:t})=>e?`1`:`min(1, calc(90dvh / ${t||`48.75rem`}))`};
-  width: ${({$width:e,$fullScreen:t})=>t?`100vw`:`calc((${e||`36.25rem`}) * var(--dialog-scale))`};
-  height: ${({$height:e,$fullScreen:t})=>t?`100dvh`:`calc((${e||`48.75rem`}) * var(--dialog-scale))`};
+  width: ${({$width:e,$fullScreen:t})=>t?`100vw`:e||`36.25rem`};
+  height: ${({$height:e,$fullScreen:t})=>t?`100dvh`:e||`48.75rem`};
+  max-height: 100dvh;
   border-radius: ${({$fullScreen:e})=>e?`0`:`1.25rem`};
   background: ${({$background:e})=>e};
   overflow: hidden;
 `,lr=t.styled.div`
   width: ${({$width:e,$fullScreen:t})=>t?`100vw`:e||`36.25rem`};
   height: ${({$height:e,$fullScreen:t})=>t?`100dvh`:e||`48.75rem`};
-  transform: scale(var(--dialog-scale));
-  transform-origin: top left;
+  max-height: 100dvh;
   display: flex;
   flex-direction: column;
+  overflow-y: auto;
 `,ur=(0,i.forwardRef)(({width:t,height:r,background:i,fullScreen:a,children:o,...s},l)=>{let u=c(),d=i||e.B.white;return(0,n.jsxs)(Sn,{children:[(0,n.jsx)(sr,{}),(0,n.jsx)(cr,{$width:t,$height:r,$fullScreen:a===void 0?u:a,$background:d,ref:l,className:e.R(`fixed left-1/2 top-1/2 z-50 transform -translate-x-1/2 -translate-y-1/2`),"aria-describedby":void 0,...s,children:(0,n.jsxs)(lr,{$width:t,$height:r,$fullScreen:a===void 0?u:a,children:[(0,n.jsx)(ir,{}),(0,n.jsx)(ar,{}),o]})})]})});ur.displayName=On.displayName;var dr=t.styled.div`
   width: 100%;
   height: 100%;

package/dist/index.es.js

@@ -1657,19 +1657,19 @@ var Dr = b(({ className: e, ...t }, n) => /* @__PURE__ */ h(pr, {
 }));
 Dr.displayName = pr.displayName;
 var Or = p(mr)`
-  --dialog-scale: ${({ $fullScreen: e, $height: t }) => e ? "1" : `min(1, calc(90dvh / ${t || "48.75rem"}))`};
-  width: ${({ $width: e, $fullScreen: t }) => t ? "100vw" : `calc((${e || "36.25rem"}) * var(--dialog-scale))`};
-  height: ${({ $height: e, $fullScreen: t }) => t ? "100dvh" : `calc((${e || "48.75rem"}) * var(--dialog-scale))`};
+  width: ${({ $width: e, $fullScreen: t }) => t ? "100vw" : e || "36.25rem"};
+  height: ${({ $height: e, $fullScreen: t }) => t ? "100dvh" : e || "48.75rem"};
+  max-height: 100dvh;
   border-radius: ${({ $fullScreen: e }) => e ? "0" : "1.25rem"};
   background: ${({ $background: e }) => e};
   overflow: hidden;
 `, kr = p.div`
   width: ${({ $width: e, $fullScreen: t }) => t ? "100vw" : e || "36.25rem"};
   height: ${({ $height: e, $fullScreen: t }) => t ? "100dvh" : e || "48.75rem"};
-  transform: scale(var(--dialog-scale));
-  transform-origin: top left;
+  max-height: 100dvh;
   display: flex;
   flex-direction: column;
+  overflow-y: auto;
 `, Ar = b(({ width: t, height: n, background: r, fullScreen: i, children: a, ...o }, c) => {
 	let l = A(), u = r || e.white;
 	return /* @__PURE__ */ g(Hn, { children: [/* @__PURE__ */ h(Dr, {}), /* @__PURE__ */ h(Or, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rechtspilot-ui",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "type": "module",
   "description": "Rechtspilot UI Library",
   "main": "dist/index.cjs",