@patternmode/stacksheet 1.4.0 → 2.0.3

package/dist/render.d.ts

@@ -0,0 +1,10 @@
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+export { mergeProps, useRender };
+/**
+ * Public `render` prop type. Pass a React element (`render={<a href="…" />}`)
+ * to render the component's styling and behaviour through that element instead
+ * of its default tag, or a function for full control over prop spreading.
+ */
+export type RenderProp<State = Record<string, unknown>> = useRender.RenderProp<State>;
+//# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AAEjC;;;;GAIG;AACH,MAAM,MAAM,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC"}

package/dist/sheet-portal.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+/**
+ * Minimal client-only portal into `document.body`. Replaces
+ * `@radix-ui/react-portal` — Base UI ships no standalone portal primitive, and
+ * the sheet renderer only ever runs on the client. Mounting is deferred to an
+ * effect so server render and first client render agree (no hydration
+ * mismatch).
+ */
+export declare const SheetPortal: ({ children }: {
+    children: ReactNode;
+}) => ReactNode;
+//# sourceMappingURL=sheet-portal.d.ts.map

package/dist/sheet-portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-portal.d.ts","sourceRoot":"","sources":["../src/sheet-portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,KAAG,SASnE,CAAC"}

package/dist/snap-points.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snap-points.d.ts","sourceRoot":"","sources":["../src/snap-points.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA2CzC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,SAAS,EAAE,EAAE,gBAAgB,MAAM,KAAG,MAAM,EAsBrF,CAAC;AAOF;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GACzB,YAAY,MAAM,EAClB,aAAa,MAAM,EACnB,aAAa,MAAM,EAAE,EACrB,UAAU,MAAM,EAChB,cAAc,MAAM,EACpB,YAAY,OAAO,KAClB,MAmDF,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,WAAW,MAAM,EACjB,aAAa,MAAM,EAAE,EACrB,aAAa,MAAM,KAClB,MAMF,CAAC"}
+{"version":3,"file":"snap-points.d.ts","sourceRoot":"","sources":["../src/snap-points.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA8CzC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,SAAS,EAAE,EAAE,gBAAgB,MAAM,KAAG,MAAM,EAsBrF,CAAC;AAOF;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GACzB,YAAY,MAAM,EAClB,aAAa,MAAM,EACnB,aAAa,MAAM,EAAE,EACrB,UAAU,MAAM,EAChB,cAAc,MAAM,EACpB,YAAY,OAAO,KAClB,MAmDF,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,WAAW,MAAM,EACjB,aAAa,MAAM,EAAE,EACrB,aAAa,MAAM,KAClB,MAMF,CAAC"}

package/dist/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing,.25rem) * 0)}.inset-x-0{inset-inline:calc(var(--spacing,.25rem) * 0)}.top-0{top:calc(var(--spacing,.25rem) * 0)}.top-2{top:calc(var(--spacing,.25rem) * 2)}.right-2{right:calc(var(--spacing,.25rem) * 2)}.bottom-0{bottom:calc(var(--spacing,.25rem) * 0)}.bottom-full{bottom:100%}.left-2{left:calc(var(--spacing,.25rem) * 2)}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-1{height:calc(var(--spacing,.25rem) * 1)}.h-8{height:calc(var(--spacing,.25rem) * 8)}.h-\[5px\]{height:5px}.min-h-0{min-height:calc(var(--spacing,.25rem) * 0)}.min-h-11{min-height:calc(var(--spacing,.25rem) * 11)}.w-1{width:calc(var(--spacing,.25rem) * 1)}.w-2{width:calc(var(--spacing,.25rem) * 2)}.w-6{width:calc(var(--spacing,.25rem) * 6)}.w-9{width:calc(var(--spacing,.25rem) * 9)}.w-full{width:100%}.min-w-11{min-width:calc(var(--spacing,.25rem) * 11)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing,.25rem) * 2)}.gap-3{gap:calc(var(--spacing,.25rem) * 3)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md,.375rem)}.rounded-sm{border-radius:var(--radius-sm,.25rem)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-none{--tw-border-style:none;border-style:none}.bg-current\/15{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.bg-current\/15{background-color:color-mix(in oklab, currentcolor 15%, transparent)}}.bg-current\/20{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.bg-current\/20{background-color:color-mix(in oklab, currentcolor 20%, transparent)}}.bg-current\/25{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.bg-current\/25{background-color:color-mix(in oklab, currentcolor 25%, transparent)}}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing,.25rem) * 0)}.p-0\.5{padding:calc(var(--spacing,.25rem) * .5)}.px-4{padding-inline:calc(var(--spacing,.25rem) * 4)}.px-6{padding-inline:calc(var(--spacing,.25rem) * 6)}.py-3{padding-block:calc(var(--spacing,.25rem) * 3)}.pt-1{padding-top:calc(var(--spacing,.25rem) * 1)}.pt-2\.5{padding-top:calc(var(--spacing,.25rem) * 2.5)}.pt-4{padding-top:calc(var(--spacing,.25rem) * 4)}.pb-1{padding-bottom:calc(var(--spacing,.25rem) * 1)}.pb-2{padding-bottom:calc(var(--spacing,.25rem) * 2)}.text-sm{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.text-inherit{color:inherit}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:opacity-100:hover{opacity:1}}[data-stacksheet-no-drag] [data-radix-scroll-area-viewport]>div{display:block!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-duration:initial}}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing,.25rem) * 0)}.inset-x-0{inset-inline:calc(var(--spacing,.25rem) * 0)}.top-0{top:calc(var(--spacing,.25rem) * 0)}.top-2{top:calc(var(--spacing,.25rem) * 2)}.right-2{right:calc(var(--spacing,.25rem) * 2)}.bottom-0{bottom:calc(var(--spacing,.25rem) * 0)}.bottom-full{bottom:100%}.left-2{left:calc(var(--spacing,.25rem) * 2)}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-1{height:calc(var(--spacing,.25rem) * 1)}.h-8{height:calc(var(--spacing,.25rem) * 8)}.h-\[5px\]{height:5px}.min-h-0{min-height:calc(var(--spacing,.25rem) * 0)}.min-h-11{min-height:calc(var(--spacing,.25rem) * 11)}.w-1{width:calc(var(--spacing,.25rem) * 1)}.w-2{width:calc(var(--spacing,.25rem) * 2)}.w-6{width:calc(var(--spacing,.25rem) * 6)}.w-9{width:calc(var(--spacing,.25rem) * 9)}.w-full{width:100%}.min-w-11{min-width:calc(var(--spacing,.25rem) * 11)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing,.25rem) * 2)}.gap-3{gap:calc(var(--spacing,.25rem) * 3)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md,.375rem)}.rounded-sm{border-radius:var(--radius-sm,.25rem)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-none{--tw-border-style:none;border-style:none}.bg-current\/15{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.bg-current\/15{background-color:color-mix(in oklab, currentcolor 15%, transparent)}}.bg-current\/20{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.bg-current\/20{background-color:color-mix(in oklab, currentcolor 20%, transparent)}}.bg-current\/25{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.bg-current\/25{background-color:color-mix(in oklab, currentcolor 25%, transparent)}}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing,.25rem) * 0)}.p-0\.5{padding:calc(var(--spacing,.25rem) * .5)}.px-4{padding-inline:calc(var(--spacing,.25rem) * 4)}.px-6{padding-inline:calc(var(--spacing,.25rem) * 6)}.py-3{padding-block:calc(var(--spacing,.25rem) * 3)}.pt-1{padding-top:calc(var(--spacing,.25rem) * 1)}.pt-2\.5{padding-top:calc(var(--spacing,.25rem) * 2.5)}.pt-4{padding-top:calc(var(--spacing,.25rem) * 4)}.pb-1{padding-bottom:calc(var(--spacing,.25rem) * 1)}.pb-2{padding-bottom:calc(var(--spacing,.25rem) * 2)}.text-sm{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.text-inherit{color:inherit}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:opacity-100:hover{opacity:1}}.data-\[hovering\]\:opacity-100[data-hovering],.data-\[scrolling\]\:opacity-100[data-scrolling]{opacity:1}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternmode/stacksheet",
-  "version": "1.4.0",
+  "version": "2.0.3",
   "private": false,
   "description": "Typed, animated sheet stack system. Zustand store + Motion animations with Apple-style depth stacking.",
   "keywords": [
@@ -43,15 +43,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@radix-ui/react-portal": "^1.1.10",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-slot": "^1.2.5",
-    "focus-trap-react": "^12.0.1",
+    "@base-ui/react": "^1.6.0",
+    "focus-trap-react": "^12.0.2",
     "motion": "^12.40.0",
     "react-remove-scroll": "^2.7.2",
     "zustand": "^5.0.13",
-    "@howells/motion": "0.1.0",
-    "@patternmode/system": "0.4.0"
+    "@howells/motion": "0.2.0",
+    "@patternmode/system": "0.5.0"
   },
   "devDependencies": {
     "@howells/lint": "^0.5.0",