@ui-sdk/vue 0.0.0-stage → 0.1.0-beta.1

package/dist/form-inputs.d.ts

@@ -0,0 +1,16 @@
+import { type PropType } from "vue";
+import type { PrimitiveHandle } from "./use-primitive.js";
+declare const FormInputs: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    handle: {
+        type: PropType<PrimitiveHandle<any>>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    handle: {
+        type: PropType<PrimitiveHandle<any>>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export { FormInputs };

package/dist/form-inputs.js

@@ -0,0 +1,25 @@
+// src/form-inputs.ts
+import { defineComponent, h } from "vue";
+var FormInputs = defineComponent({
+  name: "FormInputs",
+  props: {
+    handle: { type: Object, required: true }
+  },
+  setup(props) {
+    return () => {
+      const { handle } = props;
+      return [
+        h("input", handle.slot("form-input")),
+        ...handle.state.multiple ? handle.api.internal.serialized().map(
+          (key) => h("input", {
+            key,
+            ...handle.slot("value-input", { id: key, value: key })
+          })
+        ) : []
+      ];
+    };
+  }
+});
+export {
+  FormInputs
+};

package/dist/gesture.d.ts

@@ -0,0 +1 @@
+export { createVelocityTracker, projectDistance, rubberBand, sectorOf, solveSpring, } from "@ui-sdk/core/gesture";

package/dist/gesture.js

@@ -0,0 +1,15 @@
+// src/gesture.ts
+import {
+  createVelocityTracker,
+  projectDistance,
+  rubberBand,
+  sectorOf,
+  solveSpring
+} from "@ui-sdk/core/gesture";
+export {
+  createVelocityTracker,
+  projectDistance,
+  rubberBand,
+  sectorOf,
+  solveSpring
+};

package/dist/history.d.ts

@@ -0,0 +1,2 @@
+export { createHistory, describeEntry, stageChanges, } from "@ui-sdk/core/history";
+export type { HistoryEntry, HistoryOptions, StagedChange, } from "@ui-sdk/core/history";

package/dist/history.js

@@ -0,0 +1,11 @@
+// src/history.ts
+import {
+  createHistory,
+  describeEntry,
+  stageChanges
+} from "@ui-sdk/core/history";
+export {
+  createHistory,
+  describeEntry,
+  stageChanges
+};

package/dist/hover-card.d.ts

@@ -0,0 +1,137 @@
+import type { Anchor, ChangeDetails, Side } from "@ui-sdk/core";
+import { type HoverCardController, type HoverCardOpenChangeReason, type HoverCardPayloadChangeReason } from "@ui-sdk/core/hover-card";
+import { type PropType } from "vue";
+import { type PartSlots } from "./use-primitive.js";
+type OpenDetails = ChangeDetails<HoverCardOpenChangeReason>;
+type PayloadDetails = ChangeDetails<HoverCardPayloadChangeReason>;
+/**
+ * A preview of what a link points to, shown when the pointer rests on the link or keyboard focus stays on it.
+ * @stable
+ */
+declare const HoverCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    delay: NumberConstructor;
+    closeDelay: NumberConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: PropType<HoverCardController<any>>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (_open: boolean) => true;
+    "update:modelValue": (_open: boolean) => true;
+    openChange: (_open: boolean, _details: OpenDetails) => true;
+    openChangeComplete: (_open: boolean) => true;
+    payloadChange: (_payload: unknown, _details: PayloadDetails) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    delay: NumberConstructor;
+    closeDelay: NumberConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: PropType<HoverCardController<any>>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+    onOpenChange?: ((_open: boolean, _details: OpenDetails) => any) | undefined;
+    onOpenChangeComplete?: ((_open: boolean) => any) | undefined;
+    onPayloadChange?: ((_payload: unknown, _details: PayloadDetails) => any) | undefined;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    debug: boolean;
+    defaultOpen: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * A link by default: pressing it follows the link, and hover or focus opens the card.
+ * @stable
+ */
+declare const HoverCardTrigger: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    payload: PropType<unknown>;
+    controller: PropType<HoverCardController<any>>;
+}>, () => unknown, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    payload: PropType<unknown>;
+    controller: PropType<HoverCardController<any>>;
+}>> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/hover-card").HoverCardPrimitive, "trigger">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "a">;
+/**
+ * The card itself, positioned against its trigger.
+ * @stable
+ */
+declare const HoverCardContent: import("./popup.js").PayloadPart<import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{}>, {
+    keepMounted: boolean;
+}, PartSlots<import("@ui-sdk/core/hover-card").HoverCardPrimitive, "content">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">>;
+/**
+ * An arrow on the card's edge that points at its trigger.
+ * @stable
+ */
+declare const HoverCardArrow: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core").PopupPartState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core").PopupPartState>>>, "div">;
+export { createHoverCardController } from "@ui-sdk/core/hover-card";
+export type { HoverCardApi, HoverCardArrowState, HoverCardContentProps, HoverCardContentState, HoverCardController, HoverCardOpenChangeReason, HoverCardOptions, HoverCardPayloadChangeReason, HoverCardPrimitive, HoverCardTriggerProps, HoverCardTriggerState, } from "@ui-sdk/core/hover-card";
+export { HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger };

package/dist/hover-card.js

@@ -0,0 +1,153 @@
+// src/hover-card.ts
+import {
+  hoverCard as hoverCardPrimitive
+} from "@ui-sdk/core/hover-card";
+import {
+  defineComponent,
+  inject,
+  provide,
+  useId
+} from "vue";
+import {
+  containerProp,
+  renderPopup,
+  renderUnbound,
+  useConnectedPart,
+  useControllerEntry,
+  useControllerTarget,
+  usePopupContainer,
+  withPayload
+} from "./popup.js";
+import { createParts, withElement } from "./create-parts.js";
+import {
+  optionalBoolean,
+  orModel,
+  useHandle,
+  usePart,
+  usePrimitive
+} from "./use-primitive.js";
+import { renderless } from "./renderless.js";
+import { createHoverCardController } from "@ui-sdk/core/hover-card";
+var ContainerKey = /* @__PURE__ */ Symbol(
+  "hover-card-container"
+);
+var parts = createParts(hoverCardPrimitive, { arrow: "div" });
+var HoverCard = /* @__PURE__ */ renderless(
+  defineComponent({
+    name: "HoverCard",
+    props: {
+      open: optionalBoolean,
+      modelValue: optionalBoolean,
+      defaultOpen: optionalBoolean,
+      delay: Number,
+      closeDelay: Number,
+      disabled: optionalBoolean,
+      controller: Object,
+      debug: optionalBoolean,
+      container: containerProp
+    },
+    emits: {
+      "update:open": (_open) => true,
+      "update:modelValue": (_open) => true,
+      openChange: (_open, _details) => true,
+      openChangeComplete: (_open) => true,
+      payloadChange: (_payload, _details) => true
+    },
+    setup(props, { slots, emit }) {
+      provide(ContainerKey, () => props.container);
+      const hoverCard = usePrimitive(hoverCardPrimitive, () => ({
+        ...props,
+        open: orModel(props.open, props.modelValue),
+        container: void 0,
+        onOpenChange: (open, details) => {
+          emit("openChange", open, details);
+          if (details.canceled) {
+            return;
+          }
+          emit("update:open", open);
+          emit("update:modelValue", open);
+        },
+        onOpenChangeComplete: (open) => emit("openChangeComplete", open),
+        onPayloadChange: (payload, details) => emit("payloadChange", payload, details)
+      }));
+      useControllerEntry(() => props.controller, hoverCard);
+      return () => slots.default?.();
+    }
+  })
+);
+var HoverCardTrigger = withElement(
+  "a",
+  defineComponent({
+    name: "HoverCardTrigger",
+    inheritAttrs: false,
+    props: {
+      payload: null,
+      // Connects a trigger outside the card to the card with this controller.
+      controller: Object
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+      const connected = useControllerTarget(
+        hoverCardPrimitive,
+        () => props.controller
+      );
+      const id = useId();
+      return useConnectedPart(
+        connected,
+        (hoverCard) => usePart(
+          hoverCard,
+          "trigger",
+          () => ({ id, payload: props.payload }),
+          void 0,
+          "a"
+        ),
+        // Until the card it names mounts, a trigger outside the card is a plain link.
+        () => renderUnbound("a", attrs, { slots, state: { open: false } })
+      );
+    }
+  })
+);
+var HoverCardContent = withPayload(
+  withElement(
+    "div",
+    defineComponent({
+      name: "HoverCardContent",
+      inheritAttrs: false,
+      props: {
+        side: String,
+        align: String,
+        sideOffset: Number,
+        alignOffset: Number,
+        collisionPadding: Number,
+        arrowPadding: Number,
+        anchor: [Object, String],
+        keepMounted: optionalBoolean,
+        // Renders the popup into this element instead of in place.
+        container: containerProp
+      },
+      slots: Object,
+      setup(props) {
+        const hoverCard = useHandle(hoverCardPrimitive);
+        const fromRoot = inject(ContainerKey, () => void 0);
+        const target = usePopupContainer(() => props.container ?? fromRoot());
+        const content = () => {
+          const { container, ...content2 } = props;
+          return content2;
+        };
+        const part = usePart(hoverCard, "content", content);
+        return () => {
+          const element = part();
+          return element && renderPopup(element, target());
+        };
+      }
+    })
+  )
+);
+var HoverCardArrow = parts.Arrow;
+export {
+  HoverCard,
+  HoverCardArrow,
+  HoverCardContent,
+  HoverCardTrigger,
+  createHoverCardController
+};

package/dist/image-cropper.d.ts

@@ -0,0 +1,74 @@
+/**
+ * The root: a group around the image and its controls, busy until the image loads. `v-model:crop` controls it.
+ * @experimental
+ */
+declare const ImageCropper: import("./create-parts.js").ElementPart<new (props: Omit<import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/image-cropper").ImageCropperPrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps, "onCropChange" | "onCropCommit"> & {
+    onCropChange?: ((crop: Required<import("@ui-sdk/core/image-cropper").ImageCrop>, details: import("@ui-sdk/core/image-cropper").ImageCropperCropChangeDetails) => any) | undefined;
+    onCropCommit?: ((crop: Required<import("@ui-sdk/core/image-cropper").ImageCrop>, details: import("@ui-sdk/core/image-cropper").ImageCropperCropCommitDetails) => any) | undefined;
+    "onUpdate:crop"?: ((value: Required<import("@ui-sdk/core/image-cropper").ImageCrop>) => any) | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps) => import("vue").CreateComponentPublicInstanceWithMixins<Omit<import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/image-cropper").ImageCropperPrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps, "onCropChange" | "onCropCommit"> & {
+    onCropChange?: ((crop: Required<import("@ui-sdk/core/image-cropper").ImageCrop>, details: import("@ui-sdk/core/image-cropper").ImageCropperCropChangeDetails) => any) | undefined;
+    onCropCommit?: ((crop: Required<import("@ui-sdk/core/image-cropper").ImageCrop>, details: import("@ui-sdk/core/image-cropper").ImageCropperCropCommitDetails) => any) | undefined;
+    "onUpdate:crop"?: ((value: Required<import("@ui-sdk/core/image-cropper").ImageCrop>) => any) | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cropChange: (crop: Required<import("@ui-sdk/core/image-cropper").ImageCrop>, details: import("@ui-sdk/core/image-cropper").ImageCropperCropChangeDetails) => true;
+    cropCommit: (crop: Required<import("@ui-sdk/core/image-cropper").ImageCrop>, details: import("@ui-sdk/core/image-cropper").ImageCropperCropCommitDetails) => true;
+} & {
+    "update:crop": (value: Required<import("@ui-sdk/core/image-cropper").ImageCrop>) => true;
+}, import("vue").PublicProps, {}, false, {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>, {}, {}, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Omit<import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/image-cropper").ImageCropperPrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps, "onCropChange" | "onCropCommit"> & {
+    onCropChange?: ((crop: Required<import("@ui-sdk/core/image-cropper").ImageCrop>, details: import("@ui-sdk/core/image-cropper").ImageCropperCropChangeDetails) => any) | undefined;
+    onCropCommit?: ((crop: Required<import("@ui-sdk/core/image-cropper").ImageCrop>, details: import("@ui-sdk/core/image-cropper").ImageCropperCropCommitDetails) => any) | undefined;
+    "onUpdate:crop"?: ((value: Required<import("@ui-sdk/core/image-cropper").ImageCrop>) => any) | undefined;
+}, {}, {}, {}, {}, {}>, "div">;
+/**
+ * The area the image shows in. Give it a size; its padding keeps the image
+ * off its edges. In a frame, a pointer pans the image and the wheel zooms it.
+ * @experimental
+ */
+declare const ImageCropperViewport: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, "div">;
+/**
+ * The image, from the root's `src`, turned and flipped. Give it an `alt`.
+ * @experimental
+ */
+declare const ImageCropperImage: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, "img">;
+/**
+ * The crop. A pointer drags it in a box; arrows move it, plus and minus
+ * zoom, and R turns the image.
+ * @experimental
+ */
+declare const ImageCropperSelection: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, "div">;
+/**
+ * Lines across the selection in thirds, for CSS to draw, with `data-dragging` during a drag.
+ * @experimental
+ */
+declare const ImageCropperGrid: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, "div">;
+/**
+ * An edge or corner of the selection, by its `position`, that resizes it in a box.
+ * @experimental
+ */
+declare const ImageCropperHandle: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperHandleProps> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperHandleState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperHandleProps> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperHandleState>>>, "div">;
+/**
+ * A range input for the zoom, from 1 to `maxZoom`.
+ * @experimental
+ */
+declare const ImageCropperZoom: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, "input">;
+/**
+ * A button that turns the image a quarter clockwise.
+ * @experimental
+ */
+declare const ImageCropperRotate: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, "button">;
+/**
+ * A button that mirrors the image, left to right or, with `direction="vertical"`, top to bottom.
+ * @experimental
+ */
+declare const ImageCropperFlip: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperFlipProps> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperFlipProps> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/image-cropper").ImageCropperState>>>, "button">;
+export { createImageCropperController } from "@ui-sdk/core/image-cropper";
+export type { ImageCrop, ImageCropperApi, ImageCropperChangeOptions, ImageCropperController, ImageCropperCropChangeDetails, ImageCropperCropChangeReason, ImageCropperCropCommitDetails, ImageCropperFlipDirection, ImageCropperFlipProps, ImageCropperHandlePosition, ImageCropperHandleProps, ImageCropperHandleState, ImageCropperMode, ImageCropperOptions, ImageCropperPrimitive, ImageCropperShape, ImageCropperState, ImageRotation, } from "@ui-sdk/core/image-cropper";
+export { ImageCropper, ImageCropperFlip, ImageCropperGrid, ImageCropperHandle, ImageCropperImage, ImageCropperRotate, ImageCropperSelection, ImageCropperViewport, ImageCropperZoom, };

package/dist/image-cropper.js

@@ -0,0 +1,36 @@
+// src/image-cropper.ts
+import { imageCropper } from "@ui-sdk/core/image-cropper";
+import { createParts } from "./create-parts.js";
+import { createImageCropperController } from "@ui-sdk/core/image-cropper";
+var parts = createParts(imageCropper, {
+  root: "div",
+  viewport: "div",
+  image: "img",
+  selection: "div",
+  grid: "div",
+  handle: "div",
+  zoom: "input",
+  rotate: "button",
+  flip: "button"
+});
+var ImageCropper = parts.Root;
+var ImageCropperViewport = parts.Viewport;
+var ImageCropperImage = parts.Image;
+var ImageCropperSelection = parts.Selection;
+var ImageCropperGrid = parts.Grid;
+var ImageCropperHandle = parts.Handle;
+var ImageCropperZoom = parts.Zoom;
+var ImageCropperRotate = parts.Rotate;
+var ImageCropperFlip = parts.Flip;
+export {
+  ImageCropper,
+  ImageCropperFlip,
+  ImageCropperGrid,
+  ImageCropperHandle,
+  ImageCropperImage,
+  ImageCropperRotate,
+  ImageCropperSelection,
+  ImageCropperViewport,
+  ImageCropperZoom,
+  createImageCropperController
+};

package/dist/image.d.ts

@@ -0,0 +1,2 @@
+export { cropImage } from "@ui-sdk/core/image";
+export type { CropImageOptions, ImageCrop, ImageRotation, ImageSource, } from "@ui-sdk/core/image";

package/dist/image.js

@@ -0,0 +1,5 @@
+// src/image.ts
+import { cropImage } from "@ui-sdk/core/image";
+export {
+  cropImage
+};

package/dist/index.d.ts

@@ -0,0 +1,59 @@
+export * from "./primitive.js";
+export * from "./accordion.js";
+export * from "./collapsible.js";
+export * from "./dialog.js";
+export * from "./alert-dialog.js";
+export * from "./drawer.js";
+export * from "./overlays.js";
+export * from "./toast.js";
+export * from "./menu.js";
+export * from "./popover.js";
+export * from "./tooltip.js";
+export * from "./hover-card.js";
+export * from "./tabs.js";
+export * from "./checkbox.js";
+export * from "./timeline.js";
+export * from "./switch.js";
+export * from "./field.js";
+export * from "./label.js";
+export * from "./input.js";
+export * from "./textarea.js";
+export * from "./radio.js";
+export * from "./rating.js";
+export * from "./select.js";
+export * from "./segmented-control.js";
+export * from "./combobox.js";
+export * from "./async-options.js";
+export * from "./text-match.js";
+export * from "./command.js";
+export * from "./autocomplete.js";
+export * from "./trigger-menu.js";
+export * from "./token-input.js";
+export * from "./shortcuts.js";
+export * from "./button.js";
+export * from "./separator.js";
+export * from "./toggle.js";
+export * from "./toolbar.js";
+export * from "./menubar.js";
+export * from "./resizable.js";
+export * from "./slider.js";
+export * from "./color-picker.js";
+export * from "./image-cropper.js";
+export * from "./number-input.js";
+export * from "./file-input.js";
+export * from "./avatar.js";
+export * from "./progress.js";
+export * from "./meter.js";
+export * from "./otp-input.js";
+export * from "./scroll-area.js";
+export * from "./navigation-menu.js";
+export * from "./password-input.js";
+export * from "./listbox.js";
+export * from "./pagination.js";
+export * from "./carousel.js";
+export * from "./calendar.js";
+export * from "./date-picker.js";
+export * from "./date-input.js";
+export * from "./time-input.js";
+export * from "./tree.js";
+export * from "./waterfall.js";

package/dist/index.js

@@ -0,0 +1,60 @@
+// src/index.ts
+export * from "./primitive.js";
+export * from "./accordion.js";
+export * from "./collapsible.js";
+export * from "./dialog.js";
+export * from "./alert-dialog.js";
+export * from "./drawer.js";
+export * from "./overlays.js";
+export * from "./toast.js";
+export * from "./menu.js";
+export * from "./popover.js";
+export * from "./tooltip.js";
+export * from "./hover-card.js";
+export * from "./tabs.js";
+export * from "./checkbox.js";
+export * from "./timeline.js";
+export * from "./switch.js";
+export * from "./field.js";
+export * from "./label.js";
+export * from "./input.js";
+export * from "./textarea.js";
+export * from "./radio.js";
+export * from "./rating.js";
+export * from "./select.js";
+export * from "./segmented-control.js";
+export * from "./combobox.js";
+export * from "./async-options.js";
+export * from "./text-match.js";
+export * from "./command.js";
+export * from "./autocomplete.js";
+export * from "./trigger-menu.js";
+export * from "./token-input.js";
+export * from "./shortcuts.js";
+export * from "./button.js";
+export * from "./separator.js";
+export * from "./toggle.js";
+export * from "./toolbar.js";
+export * from "./menubar.js";
+export * from "./resizable.js";
+export * from "./slider.js";
+export * from "./color-picker.js";
+export * from "./image-cropper.js";
+export * from "./number-input.js";
+export * from "./file-input.js";
+export * from "./avatar.js";
+export * from "./progress.js";
+export * from "./meter.js";
+export * from "./otp-input.js";
+export * from "./scroll-area.js";
+export * from "./navigation-menu.js";
+export * from "./password-input.js";
+export * from "./listbox.js";
+export * from "./pagination.js";
+export * from "./carousel.js";
+export * from "./calendar.js";
+export * from "./date-picker.js";
+export * from "./date-input.js";
+export * from "./time-input.js";
+export * from "./tree.js";
+export * from "./waterfall.js";