@wow-two-beta/ui-vue 0.0.5 → 0.0.6

package/dist/chunks/DrawerContent.vue_vue_type_script_setup_true_lang-dLwafPAj.js

@@ -0,0 +1,212 @@
+import { inject, defineComponent, shallowRef, provide, computed, renderSlot, useAttrs, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createCommentVNode, mergeProps } from "vue";
+import { c as cn } from "./Cn-CzDCF-Ah.js";
+import { s as surfaceVariants } from "./SurfaceStyles-BYLzCbuJ.js";
+import { _ as _sfc_main$4 } from "./BackdropOverlay.vue_vue_type_script_setup_true_lang-DM8CjnY2.js";
+import { u as useControlled } from "./UseControlled-BQneb7BW.js";
+import { u as useId } from "./UseId-CtgAhGrn.js";
+import { _ as _sfc_main$2 } from "./Portal.vue_vue_type_script_setup_true_lang-C2_xSIMy.js";
+import { _ as _sfc_main$3 } from "./ScrollLockProvider.vue_vue_type_script_setup_true_lang-DAYt3wgP.js";
+import { P as Presence } from "./Presence-BwBquQOQ.js";
+import { _ as _sfc_main$5, a as _sfc_main$6 } from "./DismissableLayer.vue_vue_type_script_setup_true_lang-DElE4ZeQ.js";
+const overlayChromeContextKey = Symbol("wow-two.overlayChrome");
+function useOverlayChromeContext() {
+  const context = inject(overlayChromeContextKey, null);
+  if (!context)
+    throw new Error("AnchorLayout chrome subcomponents must be used inside an OverlayChromeProvider (Modal / Drawer)");
+  return context;
+}
+const drawerContextKey = Symbol("wow-two.drawer");
+function useDrawerContext() {
+  const context = inject(drawerContextKey, null);
+  if (!context) throw new Error("Drawer.* must be used inside <Drawer>");
+  return context;
+}
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "Drawer", inheritAttrs: false },
+  __name: "Drawer",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: false },
+    side: { default: "right" },
+    dismissOnOutsideClick: { type: Boolean, default: true },
+    dismissOnEscape: { type: Boolean, default: true }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const controlled = useControlled({
+      controlled: () => props.open,
+      default: () => props.defaultOpen,
+      onChange: (value) => {
+        emit("update:open", value);
+      }
+    });
+    const triggerEl = shallowRef(null);
+    const titleId = useId("drawer-title");
+    const descriptionId = useId("drawer-description");
+    provide(drawerContextKey, {
+      open: controlled.value,
+      setOpen: controlled.setValue,
+      triggerEl,
+      titleId,
+      descriptionId,
+      side: computed(() => props.side),
+      dismissOnOutsideClick: computed(() => props.dismissOnOutsideClick),
+      dismissOnEscape: computed(() => props.dismissOnEscape)
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+const DrawerSize = {
+  /** Refers to the small panel size. */
+  Sm: "sm",
+  /** Refers to the medium panel size. */
+  Md: "md",
+  /** Refers to the large panel size. */
+  Lg: "lg",
+  /** Refers to the extra-large panel size. */
+  Xl: "xl",
+  /** Refers to a panel that fills its cross-axis. */
+  Full: "full"
+};
+const SideBase = {
+  right: "inset-y-0 right-0 h-full w-full border-l motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:translate-x-full",
+  left: "inset-y-0 left-0 h-full w-full border-r motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:-translate-x-full",
+  top: "inset-x-0 top-0 w-full border-b motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:-translate-y-full",
+  bottom: "inset-x-0 bottom-0 w-full border-t motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:translate-y-full"
+};
+const HorizontalSize = {
+  sm: "sm:max-w-sm",
+  md: "sm:max-w-md",
+  lg: "sm:max-w-lg",
+  xl: "sm:max-w-2xl",
+  full: ""
+};
+const VerticalSize = {
+  sm: "max-h-[40vh]",
+  md: "max-h-[60vh]",
+  lg: "max-h-[75vh]",
+  xl: "max-h-[85vh]",
+  full: "max-h-screen"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DrawerContent", inheritAttrs: false },
+  __name: "DrawerContent",
+  props: {
+    hideBackdrop: { type: Boolean },
+    isBlurred: { type: Boolean },
+    size: { default: "md" },
+    variant: {},
+    tone: {},
+    radius: {},
+    padding: {},
+    elevation: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const context = useDrawerContext();
+    const isOpen = context.open;
+    const side = context.side;
+    const dismissOnEscape = context.dismissOnEscape;
+    function close() {
+      context.setOpen(false);
+      requestAnimationFrame(() => context.triggerEl.value?.focus());
+    }
+    provide(overlayChromeContextKey, {
+      titleId: context.titleId,
+      descriptionId: context.descriptionId,
+      close
+    });
+    const isHorizontal = computed(() => side.value === "right" || side.value === "left");
+    const sizeClass = computed(() => isHorizontal.value ? HorizontalSize[props.size] : VerticalSize[props.size]);
+    const classes = computed(
+      () => cn(
+        "fixed z-modal flex flex-col gap-4 outline-hidden",
+        surfaceVariants({
+          variant: props.variant ?? "elevated",
+          tone: props.tone,
+          radius: props.radius ?? "none",
+          padding: props.padding ?? "xl",
+          elevation: props.elevation ?? 3
+        }),
+        SideBase[side.value],
+        sizeClass.value,
+        attrs.class
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    const backdropClasses = "motion-safe:transition-opacity motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:opacity-0";
+    function handleBackdropClick() {
+      if (context.dismissOnOutsideClick.value) context.setOpen(false);
+    }
+    function handleEscape() {
+      context.setOpen(false);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$2), null, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$3), { "is-enabled": unref(isOpen) }, {
+            default: withCtx(() => [
+              !props.hideBackdrop ? (openBlock(), createBlock(_sfc_main$4, {
+                key: 0,
+                "is-inline": "",
+                "is-open": unref(isOpen),
+                "is-blurred": props.isBlurred,
+                class: normalizeClass(backdropClasses),
+                onClick: handleBackdropClick
+              }, null, 8, ["is-open", "is-blurred"])) : createCommentVNode("", true),
+              createVNode(unref(Presence), { "is-present": unref(isOpen) }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$5), {
+                    "as-child": "",
+                    trapped: "",
+                    loop: "",
+                    modal: ""
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(_sfc_main$6), mergeProps({
+                        "is-escape-disabled": !unref(dismissOnEscape),
+                        "is-outside-click-disabled": "",
+                        "on-escape": handleEscape,
+                        role: "dialog",
+                        "aria-modal": "true",
+                        "aria-labelledby": unref(context).titleId,
+                        "aria-describedby": unref(context).descriptionId,
+                        "data-side": unref(side)
+                      }, rest.value, { class: classes.value }), {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "default")
+                        ]),
+                        _: 3
+                      }, 16, ["is-escape-disabled", "aria-labelledby", "aria-describedby", "data-side", "class"])
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              }, 8, ["is-present"])
+            ]),
+            _: 3
+          }, 8, ["is-enabled"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  DrawerSize as D,
+  _sfc_main$1 as _,
+  _sfc_main as a,
+  useDrawerContext as b,
+  overlayChromeContextKey as o,
+  useOverlayChromeContext as u
+};
+//# sourceMappingURL=DrawerContent.vue_vue_type_script_setup_true_lang-dLwafPAj.js.map

package/dist/chunks/DrawerContent.vue_vue_type_script_setup_true_lang-dLwafPAj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.vue_vue_type_script_setup_true_lang-dLwafPAj.js","sources":["../../src/presentation/overlays/OverlayChrome.ts","../../src/presentation/overlays/drawer/Drawer.vue","../../src/presentation/overlays/drawer/DrawerContent.vue"],"sourcesContent":["// Shared header / title / description / body / footer / close subcomponents\n// for Modal and Drawer. Co-located in `overlays/` as a domain-internal helper.\n//\n// Each consuming overlay (Modal, Drawer, BottomSheet) `provide()`s the\n// `titleId`, `descriptionId`, and a `close()` action on the key below. The\n// shared subcomponents inject it.\n//\n// Naming convention: `AnchorLayout*` for shared chrome pieces; consumers re-export\n// them under their own name (e.g. `ModalHeader = OverlayHeader`).\n//\n// React's `OverlayChromeProvider` — the context Provider rendered as an element\n// around `children` — has no counterpart here: `provide()` in the consuming\n// overlay's `setup()` covers it, because slot content is instantiated as a\n// child of the component that renders the slot, so injection resolves.\n//\n// This module is the context half of React's `OverlayChrome.tsx`; the component\n// half is one SFC per piece alongside it (Vue allows a single component per file).\n\nimport { inject, type InjectionKey } from 'vue';\n\nexport interface OverlayChromeContextValue {\n  titleId: string;\n  descriptionId: string;\n  /** Closes the overlay and returns focus to the trigger. */\n  close: () => void;\n}\n\nexport const overlayChromeContextKey: InjectionKey<OverlayChromeContextValue> = Symbol('wow-two.overlayChrome');\n\nexport function useOverlayChromeContext(): OverlayChromeContextValue {\n  const context = inject(overlayChromeContextKey, null);\n  if (!context)\n    throw new Error('AnchorLayout chrome subcomponents must be used inside an OverlayChromeProvider (Modal / Drawer)');\n  return context;\n}\n","<script lang=\"ts\">\nimport { inject, type ComputedRef, type InjectionKey, type Ref, type ShallowRef } from 'vue';\nimport type { Side } from '../../../foundation/styles';\n\n/**\n * The value shared with `DrawerTrigger` / `DrawerContent`.\n *\n * React's context held plain values re-created on every render; here the\n * reactive fields stay refs so a child reads the live value without the root\n * re-rendering it.\n */\nexport interface DrawerContextValue {\n  /** The resolved open state. Writable — an assignment routes through `setOpen`. */\n  open: Ref<boolean>;\n  setOpen: (open: boolean) => void;\n  /** The trigger element — the focus-return target when the drawer closes. */\n  triggerEl: ShallowRef<HTMLElement | null>;\n  titleId: string;\n  descriptionId: string;\n  side: ComputedRef<Side>;\n  dismissOnOutsideClick: ComputedRef<boolean>;\n  dismissOnEscape: ComputedRef<boolean>;\n}\n\nexport const drawerContextKey: InjectionKey<DrawerContextValue> = Symbol('wow-two.drawer');\n\nexport function useDrawerContext(): DrawerContextValue {\n  const context = inject(drawerContextKey, null);\n  if (!context) throw new Error('Drawer.* must be used inside <Drawer>');\n  return context;\n}\n\n/** Controlled axes use their canonical Vue model names; each update event requests caller state. */\nexport interface DrawerProps {\n  /** The open state, controlled. The `v-model:open` binding target. */\n  readonly open?: boolean;\n\n  /** The initial open state when uncontrolled. Default `false`. */\n  readonly defaultOpen?: boolean;\n\n  /** The edge the panel slides in from. Default `right`. */\n  readonly side?: Side;\n\n  /** The outside-click dismissal toggle. Default `true`. */\n  readonly dismissOnOutsideClick?: boolean;\n\n  /** The Escape dismissal toggle. Default `true`. */\n  readonly dismissOnEscape?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, provide, shallowRef } from 'vue';\nimport { useControlled } from '../../../foundation/state';\nimport { useId } from '../../../foundation/identifiers';\n\n/**\n * Renders only its slot, owning the open state and a11y ids of the Drawer tree below it.\n * React returned a bare context Provider, which has no element of its own.\n */\ndefineOptions({ name: 'Drawer', inheritAttrs: false });\n\n/** The Drawer tree — `DrawerTrigger` and `DrawerContent`. React's `children`. */\ndefineSlots<{ default(): unknown }>();\n\n/**\n * `open: undefined` / `open: undefined` are load-bearing: Vue coerces an\n * absent `Boolean` prop to `false` unless the declaration *owns* a `default`\n * key, which would strand the uncontrolled path behind a permanently-closed\n * controlled one.\n */\nconst props = withDefaults(defineProps<DrawerProps>(), {\n  open: undefined,\n  defaultOpen: false,\n  side: 'right',\n  dismissOnOutsideClick: true,\n  dismissOnEscape: true,\n});\n\nconst emit = defineEmits<{\n  /** Fires when the drawer opens or closes — the `v-model:open` half. */\n  'update:open': [open: boolean];\n}>();\n\nconst controlled = useControlled<boolean>({\n  controlled: () => props.open,\n  default: () => props.defaultOpen,\n  onChange: (value) => {\n    emit('update:open', value);\n  },\n});\n\nconst triggerEl = shallowRef<HTMLElement | null>(null);\nconst titleId = useId('drawer-title');\nconst descriptionId = useId('drawer-description');\n\nprovide(drawerContextKey, {\n  open: controlled.value,\n  setOpen: controlled.setValue,\n  triggerEl,\n  titleId,\n  descriptionId,\n  side: computed(() => props.side),\n  dismissOnOutsideClick: computed(() => props.dismissOnOutsideClick),\n  dismissOnEscape: computed(() => props.dismissOnEscape),\n});\n</script>\n\n<template>\n  <slot />\n</template>\n","<script lang=\"ts\">\nimport type {\n  Side,\n  SurfaceElevation,\n  SurfacePadding,\n  SurfaceRadius,\n  SurfaceTone,\n  SurfaceVariant,\n} from '../../../foundation/styles';\n\n/** Defines the max-size token for a `DrawerContent` panel. */\nexport const DrawerSize = {\n  /** Refers to the small panel size. */\n  Sm: 'sm',\n  /** Refers to the medium panel size. */\n  Md: 'md',\n  /** Refers to the large panel size. */\n  Lg: 'lg',\n  /** Refers to the extra-large panel size. */\n  Xl: 'xl',\n  /** Refers to a panel that fills its cross-axis. */\n  Full: 'full',\n} as const;\n\nexport type DrawerSize = (typeof DrawerSize)[keyof typeof DrawerSize];\n\n// Full-edge slide: the panel rests at translate-0 when open and is pushed\n// fully off its own edge when closed. `transition-transform` (gated on\n// `motion-safe:`) animates both enter and exit via Presence's data-state flip.\nconst SideBase: Record<Side, string> = {\n  right:\n    'inset-y-0 right-0 h-full w-full border-l ' +\n    'motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) ' +\n    'data-[state=closed]:translate-x-full',\n  left:\n    'inset-y-0 left-0 h-full w-full border-r ' +\n    'motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) ' +\n    'data-[state=closed]:-translate-x-full',\n  top:\n    'inset-x-0 top-0 w-full border-b ' +\n    'motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) ' +\n    'data-[state=closed]:-translate-y-full',\n  bottom:\n    'inset-x-0 bottom-0 w-full border-t ' +\n    'motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) ' +\n    'data-[state=closed]:translate-y-full',\n};\n\nconst HorizontalSize: Record<DrawerSize, string> = {\n  sm: 'sm:max-w-sm',\n  md: 'sm:max-w-md',\n  lg: 'sm:max-w-lg',\n  xl: 'sm:max-w-2xl',\n  full: '',\n};\n\nconst VerticalSize: Record<DrawerSize, string> = {\n  sm: 'max-h-[40vh]',\n  md: 'max-h-[60vh]',\n  lg: 'max-h-[75vh]',\n  xl: 'max-h-[85vh]',\n  full: 'max-h-screen',\n};\n\n/**\n * Represents the prop surface of `DrawerContent`.\n *\n * React declared the surface axes by `extends SurfaceLayoutVariants`; they are\n * spelled out here because the SFC compiler's type resolver cannot follow a\n * `VariantProps<typeof …>` base and fails the build on it. The aliases below\n * are the canonical ones from `foundation/styles`, already locked against the\n * `surfaceVariants` config there, so the two cannot drift.\n */\nexport interface DrawerContentProps {\n  /** The backdrop-hide toggle — disables the default backdrop when true. */\n  readonly hideBackdrop?: boolean;\n\n  /** The backdrop-blur toggle. */\n  readonly isBlurred?: boolean;\n\n  /** The per-side max-size token. Default `md`. */\n  readonly size?: DrawerSize;\n\n  /** The visual recipe. Default `elevated`. */\n  readonly variant?: SurfaceVariant;\n\n  /** The color tone the recipe is tinted with. */\n  readonly tone?: SurfaceTone;\n\n  /** The corner rounding. Default `none`. */\n  readonly radius?: SurfaceRadius;\n\n  /** The inner spacing step. Default `xl`. */\n  readonly padding?: SurfacePadding;\n\n  /** The shadow depth. Default `3`. */\n  readonly elevation?: SurfaceElevation;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, provide, useAttrs } from 'vue';\nimport { cn, surfaceVariants } from '../../../foundation/styles';\nimport { DismissableLayer, FocusScope, Portal, Presence, ScrollLockProvider } from '../../../foundation/primitives';\nimport BackdropOverlay from '../backdropOverlay/BackdropOverlay.vue';\nimport { overlayChromeContextKey } from '../OverlayChrome';\nimport { useDrawerContext } from './Drawer.vue';\n\n/** Renders the portalled edge panel — scrim, focus trap, scroll lock, and the sliding a11y surface. */\ndefineOptions({ name: 'DrawerContent', inheritAttrs: false });\n\n/** The panel content — chrome subcomponents and the drawer body. React's `children`. */\ndefineSlots<{ default(): unknown }>();\n\nconst props = withDefaults(defineProps<DrawerContentProps>(), { size: 'md' });\n\nconst attrs = useAttrs();\nconst context = useDrawerContext();\n\n/* Refs lifted to setup consts so the template auto-unwraps them (a plain injected object does not). */\nconst isOpen = context.open;\nconst side = context.side;\nconst dismissOnEscape = context.dismissOnEscape;\n\nfunction close(): void {\n  context.setOpen(false);\n  requestAnimationFrame(() => context.triggerEl.value?.focus());\n}\n\nprovide(overlayChromeContextKey, {\n  titleId: context.titleId,\n  descriptionId: context.descriptionId,\n  close,\n});\n\nconst isHorizontal = computed(() => side.value === 'right' || side.value === 'left');\nconst sizeClass = computed(() => (isHorizontal.value ? HorizontalSize[props.size] : VerticalSize[props.size]));\n\nconst classes = computed(() =>\n  cn(\n    'fixed z-modal flex flex-col gap-4 outline-hidden',\n    surfaceVariants({\n      variant: props.variant ?? 'elevated',\n      tone: props.tone,\n      radius: props.radius ?? 'none',\n      padding: props.padding ?? 'xl',\n      elevation: props.elevation ?? 3,\n    }),\n    SideBase[side.value],\n    sizeClass.value,\n    attrs.class as string | undefined,\n  ),\n);\n\n/** Everything but `class`, which is re-applied through `cn` above. */\nconst rest = computed(() => {\n  const { class: _class, ...others } = attrs;\n  return others;\n});\n\n/** The scrim's fade runs in lock-step with the slide — same token duration on both. */\nconst backdropClasses =\n  'motion-safe:transition-opacity motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:opacity-0';\n\nfunction handleBackdropClick(): void {\n  if (context.dismissOnOutsideClick.value) context.setOpen(false);\n}\n\nfunction handleEscape(): void {\n  context.setOpen(false);\n}\n</script>\n\n<template>\n  <!--\n    React nested `Portal` + `ScrollLockProvider` *inside* the Presence-cloned\n    surface and forwarded the injected `ref` past them onto the panel with\n    `forwardRef`. Vue resolves a cloned `ref` through `$el`, and a Teleport /\n    renderless root has no element, so the portal and the lock are hoisted above\n    `Presence` and the lock now follows open state rather than mount — the shape\n    React's own `ModalContent` already used. Presence's cloned child is the panel\n    itself, which is what has to carry `data-state` and the slide it times against.\n  -->\n  <Portal>\n    <ScrollLockProvider :is-enabled=\"isOpen\">\n      <!-- The scrim runs on `BackdropOverlay`'s own `Presence` (its `isOpen` prop); React\n           mirrored the panel's `data-state` onto it by hand for the same effect. -->\n      <BackdropOverlay\n        v-if=\"!props.hideBackdrop\"\n        is-inline\n        :is-open=\"isOpen\"\n        :is-blurred=\"props.isBlurred\"\n        :class=\"backdropClasses\"\n        @click=\"handleBackdropClick\"\n      />\n      <Presence :is-present=\"isOpen\">\n        <!--\n          `FocusScope as-child` merges into `DismissableLayer`, whose own root div\n          *is* the dialog panel — React kept the layer div and the panel div\n          separate and forwarded `data-state` down to the inner one. Collapsing\n          them keeps every attribute of React's panel (`role`, `aria-modal`,\n          `aria-labelledby`, `aria-describedby`, `data-state`, `data-side`, the\n          surface classes) on one node, which is also the node `Presence` clones\n          and whose `transition-transform` end defers the unmount.\n        -->\n        <FocusScope as-child trapped loop modal>\n          <DismissableLayer\n            :is-escape-disabled=\"!dismissOnEscape\"\n            is-outside-click-disabled\n            :on-escape=\"handleEscape\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            :aria-labelledby=\"context.titleId\"\n            :aria-describedby=\"context.descriptionId\"\n            :data-side=\"side\"\n            v-bind=\"rest\"\n            :class=\"classes\"\n          >\n            <slot />\n          </DismissableLayer>\n        </FocusScope>\n      </Presence>\n    </ScrollLockProvider>\n  </Portal>\n</template>\n"],"names":["_renderSlot","_createBlock","_unref","Portal","_createVNode","ScrollLockProvider","BackdropOverlay","FocusScope","_mergeProps"],"mappings":"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"}