@mekari/pixel3-collapse 0.0.1

package/dist/chunk-PL4PQPHR.mjs

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/modules/collapse.props.ts
+var collapseProps = {
+  as: {
+    type: String,
+    default: "div"
+  },
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
+  duration: {
+    type: Number,
+    default: 250
+  },
+  isAnimateOpacity: {
+    type: Boolean,
+    default: true
+  },
+  easing: {
+    type: String,
+    default: "easeInOutSine"
+  },
+  startingHeight: {
+    type: Number
+  },
+  endingHeight: {
+    type: Number
+  }
+};
+
+export {
+  __name,
+  collapseProps
+};

package/dist/chunk-X4UXBFME.mjs

@@ -0,0 +1,45 @@
+import {
+  __name,
+  collapseProps
+} from "./chunk-PL4PQPHR.mjs";
+
+// src/collapse.tsx
+import { createVNode as _createVNode, isVNode as _isVNode } from "vue";
+import { defineComponent } from "vue";
+import { MpAnimateHeight } from "@mekari/pixel3-transition";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !_isVNode(s);
+}
+__name(_isSlot, "_isSlot");
+var MpCollapse = defineComponent({
+  name: "MpCollapse",
+  props: collapseProps,
+  emit: ["enter", "leave"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    return () => {
+      let _slot;
+      return _createVNode(MpAnimateHeight, {
+        "data-pixel-component": "MpCollapse",
+        "as": props.as,
+        "isOpen": props.isOpen,
+        "duration": props.duration,
+        "enterEasing": props.easing,
+        "leaveEasing": props.easing,
+        "initialHeight": props.startingHeight,
+        "finalHeight": props.endingHeight,
+        "animateOpacity": props.isAnimateOpacity,
+        "onEnter": () => emit("enter"),
+        "onLeave": () => emit("leave")
+      }, _isSlot(_slot = slots.default()) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+  }
+});
+
+export {
+  MpCollapse
+};

package/dist/collapse.d.mts

@@ -0,0 +1,66 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+declare const MpCollapse: vue.DefineComponent<{
+    as: {
+        type: vue.PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isAnimateOpacity: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    easing: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    startingHeight: {
+        type: vue.PropType<number>;
+    };
+    endingHeight: {
+        type: vue.PropType<number>;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    as: {
+        type: vue.PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isAnimateOpacity: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    easing: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    startingHeight: {
+        type: vue.PropType<number>;
+    };
+    endingHeight: {
+        type: vue.PropType<number>;
+    };
+}>>, {
+    as: keyof HTMLElementTagNameMap;
+    isOpen: boolean;
+    duration: number;
+    isAnimateOpacity: boolean;
+    easing: string;
+}, {}>;
+
+export { MpCollapse };

package/dist/collapse.d.ts

@@ -0,0 +1,66 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+declare const MpCollapse: vue.DefineComponent<{
+    as: {
+        type: vue.PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isAnimateOpacity: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    easing: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    startingHeight: {
+        type: vue.PropType<number>;
+    };
+    endingHeight: {
+        type: vue.PropType<number>;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    as: {
+        type: vue.PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isAnimateOpacity: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    easing: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    startingHeight: {
+        type: vue.PropType<number>;
+    };
+    endingHeight: {
+        type: vue.PropType<number>;
+    };
+}>>, {
+    as: keyof HTMLElementTagNameMap;
+    isOpen: boolean;
+    duration: number;
+    isAnimateOpacity: boolean;
+    easing: string;
+}, {}>;
+
+export { MpCollapse };

package/dist/collapse.js

@@ -0,0 +1,97 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/collapse.tsx
+var collapse_exports = {};
+__export(collapse_exports, {
+  MpCollapse: () => MpCollapse
+});
+module.exports = __toCommonJS(collapse_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_pixel3_transition = require("@mekari/pixel3-transition");
+
+// src/modules/collapse.props.ts
+var collapseProps = {
+  as: {
+    type: String,
+    default: "div"
+  },
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
+  duration: {
+    type: Number,
+    default: 250
+  },
+  isAnimateOpacity: {
+    type: Boolean,
+    default: true
+  },
+  easing: {
+    type: String,
+    default: "easeInOutSine"
+  },
+  startingHeight: {
+    type: Number
+  },
+  endingHeight: {
+    type: Number
+  }
+};
+
+// src/collapse.tsx
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue.isVNode)(s);
+}
+__name(_isSlot, "_isSlot");
+var MpCollapse = (0, import_vue2.defineComponent)({
+  name: "MpCollapse",
+  props: collapseProps,
+  emit: ["enter", "leave"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    return () => {
+      let _slot;
+      return (0, import_vue.createVNode)(import_pixel3_transition.MpAnimateHeight, {
+        "data-pixel-component": "MpCollapse",
+        "as": props.as,
+        "isOpen": props.isOpen,
+        "duration": props.duration,
+        "enterEasing": props.easing,
+        "leaveEasing": props.easing,
+        "initialHeight": props.startingHeight,
+        "finalHeight": props.endingHeight,
+        "animateOpacity": props.isAnimateOpacity,
+        "onEnter": () => emit("enter"),
+        "onLeave": () => emit("leave")
+      }, _isSlot(_slot = slots.default()) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpCollapse
+});

package/dist/collapse.mjs

@@ -0,0 +1,7 @@
+import {
+  MpCollapse
+} from "./chunk-X4UXBFME.mjs";
+import "./chunk-PL4PQPHR.mjs";
+export {
+  MpCollapse
+};

package/dist/index.d.mts

@@ -0,0 +1,3 @@
+export { MpCollapse } from './collapse.mjs';
+import 'vue/jsx-runtime';
+import 'vue';

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { MpCollapse } from './collapse.js';
+import 'vue/jsx-runtime';
+import 'vue';

package/dist/index.js

@@ -0,0 +1,99 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  MpCollapse: () => MpCollapse
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/collapse.tsx
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_pixel3_transition = require("@mekari/pixel3-transition");
+
+// src/modules/collapse.props.ts
+var collapseProps = {
+  as: {
+    type: String,
+    default: "div"
+  },
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
+  duration: {
+    type: Number,
+    default: 250
+  },
+  isAnimateOpacity: {
+    type: Boolean,
+    default: true
+  },
+  easing: {
+    type: String,
+    default: "easeInOutSine"
+  },
+  startingHeight: {
+    type: Number
+  },
+  endingHeight: {
+    type: Number
+  }
+};
+
+// src/collapse.tsx
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue.isVNode)(s);
+}
+__name(_isSlot, "_isSlot");
+var MpCollapse = (0, import_vue2.defineComponent)({
+  name: "MpCollapse",
+  props: collapseProps,
+  emit: ["enter", "leave"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    return () => {
+      let _slot;
+      return (0, import_vue.createVNode)(import_pixel3_transition.MpAnimateHeight, {
+        "data-pixel-component": "MpCollapse",
+        "as": props.as,
+        "isOpen": props.isOpen,
+        "duration": props.duration,
+        "enterEasing": props.easing,
+        "leaveEasing": props.easing,
+        "initialHeight": props.startingHeight,
+        "finalHeight": props.endingHeight,
+        "animateOpacity": props.isAnimateOpacity,
+        "onEnter": () => emit("enter"),
+        "onLeave": () => emit("leave")
+      }, _isSlot(_slot = slots.default()) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpCollapse
+});

package/dist/index.mjs

@@ -0,0 +1,7 @@
+import {
+  MpCollapse
+} from "./chunk-X4UXBFME.mjs";
+import "./chunk-PL4PQPHR.mjs";
+export {
+  MpCollapse
+};

package/dist/metafile-cjs.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/collapse.props.ts":{"bytes":863,"imports":[],"format":"esm"},"src/collapse.tsx":{"bytes":1232,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-transition","kind":"import-statement","external":true},{"path":"src/modules/collapse.props.ts","kind":"import-statement","original":"./modules/collapse.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":112,"imports":[{"path":"src/collapse.tsx","kind":"import-statement","original":"./collapse"}],"format":"esm"}},"outputs":{"dist/collapse.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-transition","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/collapse.tsx","inputs":{"src/collapse.tsx":{"bytesInOutput":1284},"src/modules/collapse.props.ts":{"bytesInOutput":393}},"bytes":2746},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-transition","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":125},"src/collapse.tsx":{"bytesInOutput":1144},"src/modules/collapse.props.ts":{"bytesInOutput":393}},"bytes":2748},"dist/modules/collapse.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/collapse.props.ts","inputs":{"src/modules/collapse.props.ts":{"bytesInOutput":557}},"bytes":1497}}}

package/dist/metafile-esm.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/collapse.props.ts":{"bytes":863,"imports":[],"format":"esm"},"src/collapse.tsx":{"bytes":1232,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-transition","kind":"import-statement","external":true},{"path":"src/modules/collapse.props.ts","kind":"import-statement","original":"./modules/collapse.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":112,"imports":[{"path":"src/collapse.tsx","kind":"import-statement","original":"./collapse"}],"format":"esm"}},"outputs":{"dist/collapse.mjs":{"imports":[{"path":"dist/chunk-X4UXBFME.mjs","kind":"import-statement"},{"path":"dist/chunk-PL4PQPHR.mjs","kind":"import-statement"}],"exports":["MpCollapse"],"entryPoint":"src/collapse.tsx","inputs":{},"bytes":109},"dist/index.mjs":{"imports":[{"path":"dist/chunk-X4UXBFME.mjs","kind":"import-statement"},{"path":"dist/chunk-PL4PQPHR.mjs","kind":"import-statement"}],"exports":["MpCollapse"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":109},"dist/chunk-X4UXBFME.mjs":{"imports":[{"path":"dist/chunk-PL4PQPHR.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-transition","kind":"import-statement","external":true}],"exports":["MpCollapse"],"inputs":{"src/collapse.tsx":{"bytesInOutput":1108}},"bytes":1221},"dist/modules/collapse.props.mjs":{"imports":[{"path":"dist/chunk-PL4PQPHR.mjs","kind":"import-statement"}],"exports":["collapseProps"],"entryPoint":"src/modules/collapse.props.ts","inputs":{},"bytes":85},"dist/chunk-PL4PQPHR.mjs":{"imports":[],"exports":["__name","collapseProps"],"inputs":{"src/modules/collapse.props.ts":{"bytesInOutput":393}},"bytes":595}}}

package/dist/modules/collapse.props.d.mts

@@ -0,0 +1,34 @@
+import { PropType, ExtractPropTypes } from 'vue';
+
+declare const collapseProps: {
+    as: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    isOpen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: PropType<number>;
+        default: number;
+    };
+    isAnimateOpacity: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    easing: {
+        type: PropType<string>;
+        default: string;
+    };
+    startingHeight: {
+        type: PropType<number>;
+    };
+    endingHeight: {
+        type: PropType<number>;
+    };
+};
+type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+type CollapseEmits = (e: 'enter' | 'leave', value?: unknown) => void;
+
+export { CollapseEmits, CollapseProps, collapseProps };

package/dist/modules/collapse.props.d.ts

@@ -0,0 +1,34 @@
+import { PropType, ExtractPropTypes } from 'vue';
+
+declare const collapseProps: {
+    as: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+    isOpen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: PropType<number>;
+        default: number;
+    };
+    isAnimateOpacity: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    easing: {
+        type: PropType<string>;
+        default: string;
+    };
+    startingHeight: {
+        type: PropType<number>;
+    };
+    endingHeight: {
+        type: PropType<number>;
+    };
+};
+type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+type CollapseEmits = (e: 'enter' | 'leave', value?: unknown) => void;
+
+export { CollapseEmits, CollapseProps, collapseProps };

package/dist/modules/collapse.props.js

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/collapse.props.ts
+var collapse_props_exports = {};
+__export(collapse_props_exports, {
+  collapseProps: () => collapseProps
+});
+module.exports = __toCommonJS(collapse_props_exports);
+var collapseProps = {
+  as: {
+    type: String,
+    default: "div"
+  },
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
+  duration: {
+    type: Number,
+    default: 250
+  },
+  isAnimateOpacity: {
+    type: Boolean,
+    default: true
+  },
+  easing: {
+    type: String,
+    default: "easeInOutSine"
+  },
+  startingHeight: {
+    type: Number
+  },
+  endingHeight: {
+    type: Number
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  collapseProps
+});

package/dist/modules/collapse.props.mjs

@@ -0,0 +1,6 @@
+import {
+  collapseProps
+} from "../chunk-PL4PQPHR.mjs";
+export {
+  collapseProps
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@mekari/pixel3-collapse",
+  "description": "Collapse component for mekari pixel 3",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mekari/pixel3-icon": "0.0.2",
+    "@mekari/pixel3-spinner": "0.0.2",
+    "@mekari/pixel3-transition": "0.0.1",
+    "@mekari/pixel3-styled-system": "0.0.1"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.7"
+  },
+  "devDependencies": {
+    "vue": "^3.3.7"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist .turbo",
+    "build": "tsup && pnpm build:types",
+    "build:fast": "tsup",
+    "build:types": "tsup src --dts-only",
+    "build:external": "tsup src/index.tsx --external",
+    "types:check": "tsc --noEmit",
+    "replace-config": "clean-package",
+    "restore-config": "clean-package restore"
+  }
+}