@gunkin/uiify 0.0.11-alpha → 0.0.13-alpha

package/dist/components/drawer/DrawerNative.js

@@ -1,5 +1,48 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { renderNativeInvoker } from "@gunkin/uiify/core/render";
+function DrawerNativeTrigger({ target, ...props }) {
+  return renderNativeInvoker(
+    "button",
+    "data-uiify-drawer",
+    "trigger",
+    "show-modal",
+    target,
+    props,
+    { button: true }
+  );
+}
+function DrawerNativeClose({ target, ...props }) {
+  return renderNativeInvoker(
+    "button",
+    "data-uiify-drawer",
+    "close",
+    "request-close",
+    target,
+    props,
+    { button: true, variant: "ghost" }
+  );
+}
+function DrawerNativeContent({
+  size,
+  dismiss = "any",
+  backdrop,
+  side = "bottom",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ...props,
+      closedby: dismiss,
+      "data-side": side,
+      "data-size": size,
+      "data-backdrop": backdrop,
+      "data-part": "content",
+      "data-uiify-drawer": ""
+    }
+  );
+}
+DrawerNativeContent.displayName = "DrawerNativeContent";
 function DrawerPanel({
   id,
   trigger,
@@ -8,47 +51,47 @@ function DrawerPanel({
   children,
   closeLabel = "Close",
   side = "bottom",
-  className
+  className,
+  footer,
+  size,
+  dismiss,
+  backdrop
 }) {
-  const titleId = `${id}-title`;
-  const descriptionId = `${id}-description`;
   return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-side": side, "data-uiify-drawer": "", children: [
-    renderNativeInvoker(
-      "button",
-      "data-uiify-drawer",
-      "trigger",
-      "show-modal",
-      id,
-      {
-        children: trigger
-      },
-      { button: true }
-    ),
+    /* @__PURE__ */ jsx(DrawerNativeTrigger, { target: id, children: trigger }),
     /* @__PURE__ */ jsxs(
-      "dialog",
+      DrawerNativeContent,
       {
-        "aria-describedby": description === void 0 ? void 0 : descriptionId,
-        "aria-labelledby": titleId,
+        "aria-describedby": description === null || description === void 0 ? void 0 : `${id}-description`,
+        "aria-labelledby": `${id}-title`,
         className,
-        "data-part": "content",
-        "data-side": side,
-        "data-uiify-drawer": "",
+        side,
         id,
+        ...size ? { size } : {},
+        ...dismiss ? { dismiss } : {},
+        ...backdrop ? { backdrop } : {},
         children: [
-          /* @__PURE__ */ jsx("h2", { id: titleId, children: title }),
-          description === void 0 ? null : /* @__PURE__ */ jsx("p", { id: descriptionId, children: description }),
-          children,
-          renderNativeInvoker(
-            "button",
-            "data-uiify-drawer",
-            "close",
-            "request-close",
-            id,
-            {
-              children: closeLabel
-            },
-            { button: true, variant: "ghost" }
-          )
+          /* @__PURE__ */ jsx("div", { "data-part": "grabber", "data-uiify-drawer": "", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs("div", { "data-part": "header", "data-uiify-drawer": "", children: [
+            /* @__PURE__ */ jsx("h2", { "data-part": "title", id: `${id}-title`, children: title }),
+            description === null || description === void 0 ? null : /* @__PURE__ */ jsx("p", { "data-part": "description", id: `${id}-description`, children: description }),
+            /* @__PURE__ */ jsx(DrawerNativeClose, { target: id, "aria-label": closeLabel, children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                "aria-hidden": "true",
+                viewBox: "0 0 16 16",
+                width: "14",
+                height: "14",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.75",
+                strokeLinecap: "round",
+                children: /* @__PURE__ */ jsx("path", { d: "M3 3l10 10M13 3L3 13" })
+              }
+            ) })
+          ] }),
+          children === null || children === void 0 ? null : /* @__PURE__ */ jsx("div", { "data-part": "body", "data-uiify-drawer": "", children }),
+          footer === null || footer === void 0 ? null : /* @__PURE__ */ jsx("div", { "data-part": "footer", "data-uiify-drawer": "", children: footer })
         ]
       }
     )
@@ -56,6 +99,9 @@ function DrawerPanel({
 }
 DrawerPanel.displayName = "DrawerPanel";
 export {
+  DrawerNativeClose,
+  DrawerNativeContent,
+  DrawerNativeTrigger,
   DrawerPanel
 };
 //# sourceMappingURL=DrawerNative.js.map

package/dist/components/drawer/DrawerNative.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/DrawerNative.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DrawerProps } from \"./types.js\";\n\n/**\n * Monolithic native shell: a `command=\"show-modal\"` trigger opens a plain,\n * initially closed `<dialog>`; a `command=\"request-close\"` invoker closes it.\n * Works before hydration, matching Modal and AlertModal's native shell — all\n * three are built on `@gunkin/uiify/elements/dialog`. Always a true modal — controlled\n * or initially open state needs a client adapter, which this Tier 0 shell does\n * not have.\n *\n * `title` is required, so `aria-labelledby={titleId}` always satisfies\n * `Dialog.Content`'s accessible-name requirement here — unlike `ModalContent`/\n * `AlertModalContent`, which are exported as generic parts in their own right\n * and so keep a looser prop type (see ModalParts.tsx), this shell has no\n * public \"DrawerContent\" part to keep loose.\n */\nexport function DrawerPanel({\n  id,\n  trigger,\n  title,\n  description,\n  children,\n  closeLabel = \"Close\",\n  side = \"bottom\",\n  className,\n}: DrawerProps): ReactElement {\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n\n  return (\n    <div data-part=\"root\" data-side={side} data-uiify-drawer=\"\">\n      {renderNativeInvoker(\n        \"button\",\n        \"data-uiify-drawer\",\n        \"trigger\",\n        \"show-modal\",\n        id,\n        {\n          children: trigger,\n        },\n        { button: true },\n      )}\n      <dialog\n        aria-describedby={description === undefined ? undefined : descriptionId}\n        aria-labelledby={titleId}\n        className={className}\n        data-part=\"content\"\n        data-side={side}\n        data-uiify-drawer=\"\"\n        id={id}\n      >\n        <h2 id={titleId}>{title}</h2>\n        {description === undefined ? null : <p id={descriptionId}>{description}</p>}\n        {children}\n        {renderNativeInvoker(\n          \"button\",\n          \"data-uiify-drawer\",\n          \"close\",\n          \"request-close\",\n          id,\n          {\n            children: closeLabel,\n          },\n          { button: true, variant: \"ghost\" },\n        )}\n      </dialog>\n    </div>\n  );\n}\nDrawerPanel.displayName = \"DrawerPanel\";\n"],"mappings":"AA4CM,SASE,KATF;AA3CN,SAAS,2BAA2B;AAiB7B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,OAAO;AAAA,EACP;AACF,GAA8B;AAC5B,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAE3B,SACE,qBAAC,SAAI,aAAU,QAAO,aAAW,MAAM,qBAAkB,IACtD;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,UAAU;AAAA,MACZ;AAAA,MACA,EAAE,QAAQ,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,QAC1D,mBAAiB;AAAA,QACjB;AAAA,QACA,aAAU;AAAA,QACV,aAAW;AAAA,QACX,qBAAkB;AAAA,QAClB;AAAA,QAEA;AAAA,8BAAC,QAAG,IAAI,SAAU,iBAAM;AAAA,UACvB,gBAAgB,SAAY,OAAO,oBAAC,OAAE,IAAI,eAAgB,uBAAY;AAAA,UACtE;AAAA,UACA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,cACE,UAAU;AAAA,YACZ;AAAA,YACA,EAAE,QAAQ,MAAM,SAAS,QAAQ;AAAA,UACnC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AACA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/drawer/DrawerNative.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DrawerProps, DrawerNativeContentProps, DrawerNativeInvokerProps } from \"./types.js\";\n\nexport function DrawerNativeTrigger({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n  return renderNativeInvoker(\n    \"button\",\n    \"data-uiify-drawer\",\n    \"trigger\",\n    \"show-modal\",\n    target,\n    props,\n    { button: true },\n  );\n}\nexport function DrawerNativeClose({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n  return renderNativeInvoker(\n    \"button\",\n    \"data-uiify-drawer\",\n    \"close\",\n    \"request-close\",\n    target,\n    props,\n    { button: true, variant: \"ghost\" },\n  );\n}\nexport function DrawerNativeContent({\n  size,\n  dismiss = \"any\",\n  backdrop,\n  side = \"bottom\",\n  ...props\n}: DrawerNativeContentProps): ReactElement {\n  return (\n    <dialog\n      {...props}\n      closedby={dismiss}\n      data-side={side}\n      data-size={size}\n      data-backdrop={backdrop}\n      data-part=\"content\"\n      data-uiify-drawer=\"\"\n    />\n  );\n}\nDrawerNativeContent.displayName = \"DrawerNativeContent\";\n\nexport function DrawerPanel({\n  id,\n  trigger,\n  title,\n  description,\n  children,\n  closeLabel = \"Close\",\n  side = \"bottom\",\n  className,\n  footer,\n  size,\n  dismiss,\n  backdrop,\n}: DrawerProps): ReactElement {\n  return (\n    <div data-part=\"root\" data-side={side} data-uiify-drawer=\"\">\n      <DrawerNativeTrigger target={id}>{trigger}</DrawerNativeTrigger>\n      <DrawerNativeContent\n        aria-describedby={\n          description === null || description === undefined ? undefined : `${id}-description`\n        }\n        aria-labelledby={`${id}-title`}\n        className={className}\n        side={side}\n        id={id}\n        {...(size ? { size } : {})}\n        {...(dismiss ? { dismiss } : {})}\n        {...(backdrop ? { backdrop } : {})}\n      >\n        <div data-part=\"grabber\" data-uiify-drawer=\"\" aria-hidden=\"true\" />\n        <div data-part=\"header\" data-uiify-drawer=\"\">\n          <h2 data-part=\"title\" id={`${id}-title`}>\n            {title}\n          </h2>\n          {description === null || description === undefined ? null : (\n            <p data-part=\"description\" id={`${id}-description`}>\n              {description}\n            </p>\n          )}\n          <DrawerNativeClose target={id} aria-label={closeLabel}>\n            <svg\n              aria-hidden=\"true\"\n              viewBox=\"0 0 16 16\"\n              width=\"14\"\n              height=\"14\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.75\"\n              strokeLinecap=\"round\"\n            >\n              <path d=\"M3 3l10 10M13 3L3 13\" />\n            </svg>\n          </DrawerNativeClose>\n        </div>\n        {children === null || children === undefined ? null : (\n          <div data-part=\"body\" data-uiify-drawer=\"\">\n            {children}\n          </div>\n        )}\n        {footer === null || footer === undefined ? null : (\n          <div data-part=\"footer\" data-uiify-drawer=\"\">\n            {footer}\n          </div>\n        )}\n      </DrawerNativeContent>\n    </div>\n  );\n}\nDrawerPanel.displayName = \"DrawerPanel\";\n"],"mappings":"AAkCI,cA2CI,YA3CJ;AAjCJ,SAAS,2BAA2B;AAG7B,SAAS,oBAAoB,EAAE,QAAQ,GAAG,MAAM,GAA2C;AAChG,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACO,SAAS,kBAAkB,EAAE,QAAQ,GAAG,MAAM,GAA2C;AAC9F,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,QAAQ;AAAA,EACnC;AACF;AACO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,aAAW;AAAA,MACX,aAAW;AAAA,MACX,iBAAe;AAAA,MACf,aAAU;AAAA,MACV,qBAAkB;AAAA;AAAA,EACpB;AAEJ;AACA,oBAAoB,cAAc;AAE3B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,SACE,qBAAC,SAAI,aAAU,QAAO,aAAW,MAAM,qBAAkB,IACvD;AAAA,wBAAC,uBAAoB,QAAQ,IAAK,mBAAQ;AAAA,IAC1C;AAAA,MAAC;AAAA;AAAA,QACC,oBACE,gBAAgB,QAAQ,gBAAgB,SAAY,SAAY,GAAG,EAAE;AAAA,QAEvE,mBAAiB,GAAG,EAAE;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC;AAAA,QACvB,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;AAAA,QAC7B,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;AAAA,QAEhC;AAAA,8BAAC,SAAI,aAAU,WAAU,qBAAkB,IAAG,eAAY,QAAO;AAAA,UACjE,qBAAC,SAAI,aAAU,UAAS,qBAAkB,IACxC;AAAA,gCAAC,QAAG,aAAU,SAAQ,IAAI,GAAG,EAAE,UAC5B,iBACH;AAAA,YACC,gBAAgB,QAAQ,gBAAgB,SAAY,OACnD,oBAAC,OAAE,aAAU,eAAc,IAAI,GAAG,EAAE,gBACjC,uBACH;AAAA,YAEF,oBAAC,qBAAkB,QAAQ,IAAI,cAAY,YACzC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBAEd,8BAAC,UAAK,GAAE,wBAAuB;AAAA;AAAA,YACjC,GACF;AAAA,aACF;AAAA,UACC,aAAa,QAAQ,aAAa,SAAY,OAC7C,oBAAC,SAAI,aAAU,QAAO,qBAAkB,IACrC,UACH;AAAA,UAED,WAAW,QAAQ,WAAW,SAAY,OACzC,oBAAC,SAAI,aAAU,UAAS,qBAAkB,IACvC,kBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AACA,YAAY,cAAc;","names":[]}

package/dist/components/drawer/drawer-store.d.ts

@@ -1,3 +1,3 @@
-import type { DrawerStoreOptions, DrawerStore } from "./client-types.js";
+import type { DrawerStoreOptions, DrawerStore } from "./types.js";
 export declare function createDrawerStore(options: DrawerStoreOptions): DrawerStore;
 //# sourceMappingURL=drawer-store.d.ts.map

package/dist/components/drawer/drawer-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-store.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgCzE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CA+F1E"}
+{"version":3,"file":"drawer-store.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer-store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAgClE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAmG1E"}

package/dist/components/drawer/drawer-store.js

@@ -21,8 +21,7 @@ function snapToNearest(snapPoints, currentSnap, dragOffset, containerSize, dismi
 function createDrawerStore(options) {
   const snapPoints = options.snapPoints ?? [];
   const dismissible = options.dismissible ?? true;
-  const side = options.side;
-  const vertical = isVerticalSide(side);
+  let side = options.side;
   let activeSnapPoint = options.activeSnapPoint ?? options.defaultActiveSnapPoint ?? snapPoints[snapPoints.length - 1] ?? 1;
   let containerSize = 0;
   let dragOffset = 0;
@@ -67,7 +66,7 @@ function createDrawerStore(options) {
       const delta = openPx - dragOffset;
       const closedPx = containerSize;
       const offset = closedPx - delta;
-      if (vertical) {
+      if (isVerticalSide(side)) {
         const sign2 = side === "bottom" ? 1 : -1;
         return `translate${side === "bottom" || side === "top" ? "Y" : "X"}(${sign2 * offset}px)`;
       }
@@ -82,6 +81,11 @@ function createDrawerStore(options) {
       dragOffset = Math.max(0, dragStartOffset + signedDelta);
       emit();
     },
+    setSide(nextSide) {
+      if (side === nextSide) return;
+      side = nextSide;
+      emit();
+    },
     setContainerSize(size) {
       if (size === containerSize) return;
       containerSize = size;

package/dist/components/drawer/drawer-store.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/drawer-store.ts"],"sourcesContent":["import type { DrawerSide } from \"./types.js\";\nimport type { DrawerStoreOptions, DrawerStore } from \"./client-types.js\";\n\nfunction isVerticalSide(side: DrawerSide): boolean {\n  return side === \"top\" || side === \"bottom\";\n}\n\nfunction snapToNearest(\n  snapPoints: readonly number[],\n  currentSnap: number,\n  dragOffset: number,\n  containerSize: number,\n  dismissible: boolean,\n): number | null {\n  if (containerSize <= 0) return currentSnap;\n  const openSize = currentSnap * containerSize;\n  const projected = openSize - dragOffset;\n  const ratio = projected / containerSize;\n\n  if (dismissible && ratio < 0.25) return null;\n\n  let nearest = snapPoints[0] ?? currentSnap;\n  let nearestDistance = Math.abs(ratio - nearest);\n  for (const point of snapPoints) {\n    const distance = Math.abs(ratio - point);\n    if (distance < nearestDistance) {\n      nearest = point;\n      nearestDistance = distance;\n    }\n  }\n  return nearest;\n}\n\nexport function createDrawerStore(options: DrawerStoreOptions): DrawerStore {\n  const snapPoints = options.snapPoints ?? [];\n  const dismissible = options.dismissible ?? true;\n  const side = options.side;\n  const vertical = isVerticalSide(side);\n\n  let activeSnapPoint =\n    options.activeSnapPoint ??\n    options.defaultActiveSnapPoint ??\n    snapPoints[snapPoints.length - 1] ??\n    1;\n  let containerSize = 0;\n  let dragOffset = 0;\n  let dragging = false;\n  let pointerStart = 0;\n  let dragStartOffset = 0;\n  let onSnapChange = options.onSnapChange;\n  let onDismiss = options.onDismiss;\n\n  const listeners = new Set<() => void>();\n  const emit = () => {\n    for (const listener of listeners) listener();\n  };\n\n  const store: DrawerStore = {\n    endDrag() {\n      if (!dragging) return;\n      dragging = false;\n      if (snapPoints.length > 0 && containerSize > 0) {\n        const next = snapToNearest(\n          snapPoints,\n          activeSnapPoint,\n          dragOffset,\n          containerSize,\n          dismissible,\n        );\n        if (next === null) {\n          dragOffset = 0;\n          emit();\n          onDismiss?.();\n          return;\n        }\n        activeSnapPoint = next;\n        onSnapChange?.(next);\n      }\n      dragOffset = 0;\n      emit();\n    },\n    getActiveSnapPoint: () => activeSnapPoint,\n    getDragOffset: () => dragOffset,\n    getTransform() {\n      if (snapPoints.length === 0) return \"\";\n      const openPx = activeSnapPoint * containerSize;\n      const delta = openPx - dragOffset;\n      const closedPx = containerSize;\n      const offset = closedPx - delta;\n      if (vertical) {\n        const sign = side === \"bottom\" ? 1 : -1;\n        return `translate${side === \"bottom\" || side === \"top\" ? \"Y\" : \"X\"}(${sign * offset}px)`;\n      }\n      const sign = side === \"right\" ? 1 : -1;\n      return `translateX(${sign * offset}px)`;\n    },\n    isDragging: () => dragging,\n    moveDrag(clientCoord) {\n      if (!dragging) return;\n      const delta = clientCoord - pointerStart;\n      const signedDelta = side === \"top\" || side === \"left\" ? -delta : delta;\n      dragOffset = Math.max(0, dragStartOffset + signedDelta);\n      emit();\n    },\n    setContainerSize(size) {\n      if (size === containerSize) return;\n      containerSize = size;\n      emit();\n    },\n    startDrag(clientCoord) {\n      if (snapPoints.length === 0) return;\n      dragging = true;\n      pointerStart = clientCoord;\n      dragStartOffset = dragOffset;\n      emit();\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    syncActiveSnapPoint(snap) {\n      if (snap === activeSnapPoint) return;\n      activeSnapPoint = snap;\n      emit();\n    },\n  };\n\n  return store;\n}\n"],"mappings":"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","names":["sign"]}
+{"version":3,"sources":["../../../src/components/drawer/drawer-store.ts"],"sourcesContent":["import type { DrawerSide } from \"./types.js\";\nimport type { DrawerStoreOptions, DrawerStore } from \"./types.js\";\n\nfunction isVerticalSide(side: DrawerSide): boolean {\n  return side === \"top\" || side === \"bottom\";\n}\n\nfunction snapToNearest(\n  snapPoints: readonly number[],\n  currentSnap: number,\n  dragOffset: number,\n  containerSize: number,\n  dismissible: boolean,\n): number | null {\n  if (containerSize <= 0) return currentSnap;\n  const openSize = currentSnap * containerSize;\n  const projected = openSize - dragOffset;\n  const ratio = projected / containerSize;\n\n  if (dismissible && ratio < 0.25) return null;\n\n  let nearest = snapPoints[0] ?? currentSnap;\n  let nearestDistance = Math.abs(ratio - nearest);\n  for (const point of snapPoints) {\n    const distance = Math.abs(ratio - point);\n    if (distance < nearestDistance) {\n      nearest = point;\n      nearestDistance = distance;\n    }\n  }\n  return nearest;\n}\n\nexport function createDrawerStore(options: DrawerStoreOptions): DrawerStore {\n  const snapPoints = options.snapPoints ?? [];\n  const dismissible = options.dismissible ?? true;\n  let side = options.side;\n\n  let activeSnapPoint =\n    options.activeSnapPoint ??\n    options.defaultActiveSnapPoint ??\n    snapPoints[snapPoints.length - 1] ??\n    1;\n  let containerSize = 0;\n  let dragOffset = 0;\n  let dragging = false;\n  let pointerStart = 0;\n  let dragStartOffset = 0;\n  let onSnapChange = options.onSnapChange;\n  let onDismiss = options.onDismiss;\n\n  const listeners = new Set<() => void>();\n  const emit = () => {\n    for (const listener of listeners) listener();\n  };\n\n  const store: DrawerStore = {\n    endDrag() {\n      if (!dragging) return;\n      dragging = false;\n      if (snapPoints.length > 0 && containerSize > 0) {\n        const next = snapToNearest(\n          snapPoints,\n          activeSnapPoint,\n          dragOffset,\n          containerSize,\n          dismissible,\n        );\n        if (next === null) {\n          dragOffset = 0;\n          emit();\n          onDismiss?.();\n          return;\n        }\n        activeSnapPoint = next;\n        onSnapChange?.(next);\n      }\n      dragOffset = 0;\n      emit();\n    },\n    getActiveSnapPoint: () => activeSnapPoint,\n    getDragOffset: () => dragOffset,\n    getTransform() {\n      if (snapPoints.length === 0) return \"\";\n      const openPx = activeSnapPoint * containerSize;\n      const delta = openPx - dragOffset;\n      const closedPx = containerSize;\n      const offset = closedPx - delta;\n      if (isVerticalSide(side)) {\n        const sign = side === \"bottom\" ? 1 : -1;\n        return `translate${side === \"bottom\" || side === \"top\" ? \"Y\" : \"X\"}(${sign * offset}px)`;\n      }\n      const sign = side === \"right\" ? 1 : -1;\n      return `translateX(${sign * offset}px)`;\n    },\n    isDragging: () => dragging,\n    moveDrag(clientCoord) {\n      if (!dragging) return;\n      const delta = clientCoord - pointerStart;\n      const signedDelta = side === \"top\" || side === \"left\" ? -delta : delta;\n      dragOffset = Math.max(0, dragStartOffset + signedDelta);\n      emit();\n    },\n    setSide(nextSide) {\n      if (side === nextSide) return;\n      side = nextSide;\n      emit();\n    },\n    setContainerSize(size) {\n      if (size === containerSize) return;\n      containerSize = size;\n      emit();\n    },\n    startDrag(clientCoord) {\n      if (snapPoints.length === 0) return;\n      dragging = true;\n      pointerStart = clientCoord;\n      dragStartOffset = dragOffset;\n      emit();\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    syncActiveSnapPoint(snap) {\n      if (snap === activeSnapPoint) return;\n      activeSnapPoint = snap;\n      emit();\n    },\n  };\n\n  return store;\n}\n"],"mappings":"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","names":["sign"]}

package/dist/components/drawer/index.d.ts

@@ -1,5 +1,5 @@
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerHandle, DrawerRoot, DrawerTitle, DrawerTrigger, } from "./Drawer.js";
-export { DrawerPanel } from "./DrawerNative.js";
-export type { DrawerCloseOwnProps, DrawerCloseProps, DrawerContentOwnProps, DrawerContentProps, DrawerDescriptionOwnProps, DrawerHandleOwnProps, DrawerRootOwnProps, DrawerRootProps, DrawerTitleOwnProps, DrawerTriggerOwnProps, DrawerTriggerProps, } from "./client-types.js";
-export type { DrawerProps, DrawerSide } from "./types.js";
+export { DrawerPanel, DrawerNativeTrigger, DrawerNativeClose, DrawerNativeContent, } from "./DrawerNative.js";
+export type { DrawerCloseOwnProps, DrawerCloseProps, DrawerContentOwnProps, DrawerContentProps, DrawerDescriptionOwnProps, DrawerHandleOwnProps, DrawerRootOwnProps, DrawerRootProps, DrawerTitleOwnProps, DrawerTriggerOwnProps, DrawerTriggerProps, } from "./types.js";
+export type { DrawerProps, DrawerSide, DrawerAppearanceProps, DrawerNativeContentProps, DrawerNativeInvokerProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,YAAY,CAAC"}

package/dist/components/drawer/index.js

@@ -8,13 +8,21 @@ import {
   DrawerTitle,
   DrawerTrigger
 } from "./Drawer.js";
-import { DrawerPanel } from "./DrawerNative.js";
+import {
+  DrawerPanel,
+  DrawerNativeTrigger,
+  DrawerNativeClose,
+  DrawerNativeContent
+} from "./DrawerNative.js";
 export {
   Drawer,
   DrawerClose,
   DrawerContent,
   DrawerDescription,
   DrawerHandle,
+  DrawerNativeClose,
+  DrawerNativeContent,
+  DrawerNativeTrigger,
   DrawerPanel,
   DrawerRoot,
   DrawerTitle,

package/dist/components/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/index.ts"],"sourcesContent":["export {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHandle,\n  DrawerRoot,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"./Drawer.js\";\nexport { DrawerPanel } from \"./DrawerNative.js\";\nexport type {\n  DrawerCloseOwnProps,\n  DrawerCloseProps,\n  DrawerContentOwnProps,\n  DrawerContentProps,\n  DrawerDescriptionOwnProps,\n  DrawerHandleOwnProps,\n  DrawerRootOwnProps,\n  DrawerRootProps,\n  DrawerTitleOwnProps,\n  DrawerTriggerOwnProps,\n  DrawerTriggerProps,\n} from \"./client-types.js\";\nexport type { DrawerProps, DrawerSide } from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;","names":[]}
+{"version":3,"sources":["../../../src/components/drawer/index.ts"],"sourcesContent":["export {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHandle,\n  DrawerRoot,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"./Drawer.js\";\nexport {\n  DrawerPanel,\n  DrawerNativeTrigger,\n  DrawerNativeClose,\n  DrawerNativeContent,\n} from \"./DrawerNative.js\";\nexport type {\n  DrawerCloseOwnProps,\n  DrawerCloseProps,\n  DrawerContentOwnProps,\n  DrawerContentProps,\n  DrawerDescriptionOwnProps,\n  DrawerHandleOwnProps,\n  DrawerRootOwnProps,\n  DrawerRootProps,\n  DrawerTitleOwnProps,\n  DrawerTriggerOwnProps,\n  DrawerTriggerProps,\n} from \"./types.js\";\nexport type {\n  DrawerProps,\n  DrawerSide,\n  DrawerAppearanceProps,\n  DrawerNativeContentProps,\n  DrawerNativeInvokerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/drawer/types.d.ts

@@ -1,13 +1,124 @@
-import type { ReactNode } from "react";
+import type { ComponentPropsWithRef, CSSProperties, MouseEvent, PointerEvent, ReactNode, Ref, RefObject } from "react";
+import type { DialogChangeHandler, UseDialogReturn } from "@gunkin/uiify/core/dialog";
 export type DrawerSide = "top" | "right" | "bottom" | "left";
-export interface DrawerProps {
+export interface DrawerAppearanceProps {
+    readonly size?: "sm" | "md" | "lg" | "full";
+    readonly dismiss?: "any" | "closerequest" | "none";
+    readonly backdrop?: "opaque" | "transparent";
+}
+export interface DrawerProps extends DrawerAppearanceProps {
     readonly id: string;
     readonly trigger: ReactNode;
     readonly title: ReactNode;
     readonly description?: ReactNode;
     readonly children?: ReactNode;
-    readonly closeLabel?: ReactNode;
+    readonly closeLabel?: string;
+    readonly footer?: ReactNode;
+    readonly side?: DrawerSide;
+    readonly className?: string;
+}
+export interface DrawerNativeContentProps extends Omit<ComponentPropsWithRef<"dialog">, "open" | "popover" | "closedby">, DrawerAppearanceProps {
+    readonly id: string;
+    readonly side?: DrawerSide;
+}
+export interface DrawerNativeInvokerProps extends Omit<ComponentPropsWithRef<"button">, "command" | "commandFor"> {
+    readonly target: string;
+}
+export interface DrawerStoreOptions {
+    readonly activeSnapPoint?: number;
+    readonly defaultActiveSnapPoint?: number;
+    readonly dismissible?: boolean;
+    readonly onDismiss?: () => void;
+    readonly onSnapChange?: (snap: number) => void;
+    readonly side: DrawerSide;
+    readonly snapPoints?: readonly number[];
+}
+export interface DrawerStore {
+    readonly endDrag: () => void;
+    readonly getActiveSnapPoint: () => number;
+    readonly getDragOffset: () => number;
+    readonly getTransform: () => string;
+    readonly isDragging: () => boolean;
+    readonly moveDrag: (clientCoord: number) => void;
+    readonly setSide: (side: DrawerSide) => void;
+    readonly setContainerSize: (size: number) => void;
+    readonly startDrag: (clientCoord: number) => void;
+    readonly subscribe: (listener: () => void) => () => void;
+    readonly syncActiveSnapPoint: (snap: number) => void;
+}
+export interface DrawerContextValue {
+    readonly close: (returnValue?: string) => void;
+    readonly contentId: string;
+    readonly descriptionId: string | undefined;
+    readonly dialogProps: UseDialogReturn["dialogProps"];
+    readonly dialogRef: UseDialogReturn["dialogRef"];
+    readonly dismissible: boolean;
+    readonly closeOnOverlayClick: boolean;
+    readonly labelId: string | undefined;
+    readonly modal: boolean;
+    readonly open: boolean;
+    readonly openDialog: () => void;
+    readonly setDescriptionId: (id: string | undefined) => void;
+    readonly setLabelId: (id: string | undefined) => void;
+    readonly side: DrawerSide;
+    readonly snapEnabled: boolean;
+    readonly store: DrawerStore;
+    readonly triggerRef: RefObject<HTMLButtonElement | null>;
+}
+export interface DrawerRootOwnProps {
+    readonly activeSnapPoint?: number;
+    readonly closeOnOverlayClick?: boolean;
+    readonly defaultActiveSnapPoint?: number;
+    readonly defaultOpen?: boolean;
+    readonly dismissible?: boolean;
+    readonly modal?: boolean;
+    readonly onOpenChange?: DialogChangeHandler;
+    readonly onSnapChange?: (snap: number) => void;
+    readonly open?: boolean;
     readonly side?: DrawerSide;
+    readonly snapPoints?: readonly number[];
+}
+export interface DrawerRootProps extends DrawerRootOwnProps {
+    readonly children?: ReactNode;
+}
+export interface DrawerTriggerOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface DrawerTriggerProps extends DrawerTriggerOwnProps, Omit<ComponentPropsWithRef<"button">, "type" | keyof DrawerTriggerOwnProps> {
+    readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    readonly ref?: Ref<HTMLButtonElement>;
+}
+export interface DrawerContentOwnProps extends DrawerAppearanceProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly style?: CSSProperties;
+}
+export interface DrawerContentProps extends DrawerContentOwnProps, Omit<ComponentPropsWithRef<"dialog">, "id" | "open" | "closedby" | keyof DrawerContentOwnProps> {
+    readonly onCancel?: DrawerContextValue["dialogProps"]["onCancel"];
+    readonly onClose?: DrawerContextValue["dialogProps"]["onClose"];
+    readonly ref?: Ref<HTMLDialogElement>;
+}
+export interface DrawerTitleOwnProps extends Omit<ComponentPropsWithRef<"h2">, "id"> {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface DrawerDescriptionOwnProps extends Omit<ComponentPropsWithRef<"p">, "id"> {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface DrawerCloseOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface DrawerCloseProps extends DrawerCloseOwnProps, Omit<ComponentPropsWithRef<"button">, "type" | keyof DrawerCloseOwnProps> {
+    readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export interface DrawerHandleOwnProps extends ComponentPropsWithRef<"div"> {
     readonly className?: string;
+    readonly onPointerCancel?: (event: PointerEvent<HTMLDivElement>) => void;
+    readonly onPointerDown?: (event: PointerEvent<HTMLDivElement>) => void;
+    readonly onPointerMove?: (event: PointerEvent<HTMLDivElement>) => void;
+    readonly onPointerUp?: (event: PointerEvent<HTMLDivElement>) => void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/drawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/types.ts"],"names":[],"mappings":"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"}

package/dist/components/dropdown-menu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropdown-menu/DropdownMenu.js

@@ -130,6 +130,7 @@ function DropdownMenuTrigger(props) {
       ...triggerProps,
       ...anchorProps,
       ref: mergedRef,
+      ...nativeButton ? { "data-uiify-button": "" } : {},
       "aria-haspopup": "menu",
       "data-part": "trigger",
       "data-state": open ? "open" : "closed",