@studiometa/ui 0.2.1 → 0.2.4

package/molecules/Slider/SliderBtn.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @typedef {SliderBtn & {
+ *   $parent: import('./Slider.js').default
+ * }} SliderBtnInterface
+ */
+/**
+ * SliderBtn class.
+ */
+export default class SliderBtn extends AbstractSliderChild {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        options: {
+            prev: BooleanConstructor;
+            next: BooleanConstructor;
+        };
+    };
+    /**
+     * Go prev or next on click.
+     *
+     * @this    {SliderBtnInterface}
+     * @returns {void}
+     */
+    onClick(this: SliderBtnInterface): void;
+}
+export type SliderBtnInterface = SliderBtn & {
+    $parent: import('./Slider.js').default;
+};
+import AbstractSliderChild from "./AbstractSliderChild.js";

package/molecules/Slider/SliderBtn.js

@@ -0,0 +1 @@
+import i from"./AbstractSliderChild.js";class s extends i{static config={name:"SliderBtn",options:{prev:Boolean,next:Boolean}};update(t){t===0&&this.$options.prev||t===this.$parent.indexMax&&this.$options.next?this.$el.setAttribute("disabled",""):this.$el.removeAttribute("disabled")}onClick(){const{prev:t,next:e}=this.$options;t?this.$parent.goPrev():e&&this.$parent.goNext()}}export{s as default};

package/molecules/Slider/SliderCount.cjs

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/ui/molecules/Slider/SliderCount.js
+var SliderCount_exports = {};
+__export(SliderCount_exports, {
+  default: () => SliderCount
+});
+module.exports = __toCommonJS(SliderCount_exports);
+var import_AbstractSliderChild = __toESM(require("./AbstractSliderChild.cjs"), 1);
+var SliderCount = class extends import_AbstractSliderChild.default {
+  update(index) {
+    this.$refs.current.innerHTML = `${index + 1}`;
+  }
+};
+__publicField(SliderCount, "config", {
+  name: "SliderCount",
+  refs: ["current"]
+});
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Slider/SliderCount.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @typedef {SliderCount & { $refs: { current: HTMLElement } }} SliderCountInterface
+ */
+/**
+ * SliderCount class.
+ */
+export default class SliderCount extends AbstractSliderChild {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        refs: string[];
+    };
+}
+export type SliderCountInterface = SliderCount & {
+    $refs: {
+        current: HTMLElement;
+    };
+};
+import AbstractSliderChild from "./AbstractSliderChild.js";

package/molecules/Slider/SliderCount.js

@@ -0,0 +1 @@
+import r from"./AbstractSliderChild.js";class t extends r{static config={name:"SliderCount",refs:["current"]};update(e){this.$refs.current.innerHTML=`${e+1}`}}export{t as default};

package/molecules/Slider/SliderDots.cjs

@@ -0,0 +1,48 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/ui/molecules/Slider/SliderDots.js
+var SliderDots_exports = {};
+__export(SliderDots_exports, {
+  default: () => SliderDots
+});
+module.exports = __toCommonJS(SliderDots_exports);
+var import_AbstractSliderChild = __toESM(require("./AbstractSliderChild.cjs"), 1);
+var SliderDots = class extends import_AbstractSliderChild.default {
+  update(index) {
+    this.$refs.dots.forEach((dot, i) => {
+      dot.classList.toggle("is-active", index === i);
+    });
+  }
+  onDotsClick(event, index) {
+    this.$parent.goTo(index);
+  }
+};
+__publicField(SliderDots, "config", {
+  name: "SliderDots",
+  refs: ["dots[]"]
+});
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Slider/SliderDots.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @typedef {SliderDots & {
+ *   $refs: {
+ *     dots: HTMLButtonElement[],
+ *   }
+ * }} SliderDotsInterface
+ */
+/**
+ * SliderDots class.
+ */
+export default class SliderDots extends AbstractSliderChild {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        refs: string[];
+    };
+    /**
+     * Go to the given index on dot click.
+     *
+     * @param   {MouseEvent} event
+     * @param   {number} index
+     * @returns {void}
+     */
+    onDotsClick(event: MouseEvent, index: number): void;
+}
+export type SliderDotsInterface = SliderDots & {
+    $refs: {
+        dots: HTMLButtonElement[];
+    };
+};
+import AbstractSliderChild from "./AbstractSliderChild.js";

package/molecules/Slider/SliderDots.js

@@ -0,0 +1 @@
+import o from"./AbstractSliderChild.js";class i extends o{static config={name:"SliderDots",refs:["dots[]"]};update(s){this.$refs.dots.forEach((t,e)=>{t.classList.toggle("is-active",s===e)})}onDotsClick(s,t){this.$parent.goTo(t)}}export{i as default};

package/molecules/Slider/SliderDrag.cjs

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+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);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/ui/molecules/Slider/SliderDrag.js
+var SliderDrag_exports = {};
+__export(SliderDrag_exports, {
+  default: () => SliderDrag
+});
+module.exports = __toCommonJS(SliderDrag_exports);
+var import_js_toolkit = require("@studiometa/js-toolkit");
+var SliderDrag = class extends (0, import_js_toolkit.withDrag)(import_js_toolkit.Base) {
+  dragged(props) {
+    this.$emit(props.mode, props);
+  }
+};
+__publicField(SliderDrag, "config", {
+  name: "SliderDrag",
+  emits: ["start", "drag", "drop", "inertia", "stop"]
+});
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Slider/SliderDrag.d.ts

@@ -0,0 +1,16 @@
+/**
+ * SliderDrag class.
+ */
+export default class SliderDrag extends Base {
+    static config: {
+        name: string;
+        emits: string[];
+    };
+    /**
+     * Emit drag events.
+     * @param   {import('@studiometa/js-toolkit/services/drag').DragServiceProps} props
+     * @returns {void}
+     */
+    dragged(props: import('@studiometa/js-toolkit/services/drag').DragServiceProps): void;
+}
+import { Base } from "@studiometa/js-toolkit";

package/molecules/Slider/SliderDrag.js

@@ -0,0 +1 @@
+import{Base as e,withDrag as a}from"@studiometa/js-toolkit";class r extends a(e){static config={name:"SliderDrag",emits:["start","drag","drop","inertia","stop"]};dragged(t){this.$emit(t.mode,t)}}export{r as default};

package/molecules/Slider/SliderItem.cjs

@@ -0,0 +1,107 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+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);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/ui/molecules/Slider/SliderItem.js
+var SliderItem_exports = {};
+__export(SliderItem_exports, {
+  default: () => SliderItem
+});
+module.exports = __toCommonJS(SliderItem_exports);
+var import_js_toolkit = require("@studiometa/js-toolkit");
+var import_utils = require("@studiometa/js-toolkit/utils");
+var SliderItem = class extends (0, import_js_toolkit.withIntersectionObserver)(import_js_toolkit.Base, { threshold: [0, 1] }) {
+  isVisible = false;
+  x = 0;
+  dampedX = 0;
+  mounted() {
+    this.updateRectAdjustedWithX();
+  }
+  resized() {
+    this.updateRectAdjustedWithX();
+  }
+  destroyed() {
+    this.moveInstantly(0);
+  }
+  intersected([{ intersectionRatio, isIntersecting }]) {
+    if (intersectionRatio >= 1) {
+      this.$emit("is-fully-visible");
+      this.$el.setAttribute("aria-hidden", "false");
+    } else if (intersectionRatio > 0) {
+      this.$emit("is-partially-visible");
+      this.$el.setAttribute("aria-hidden", "true");
+    } else {
+      this.$emit("is-hidden");
+      this.$el.setAttribute("aria-hidden", "true");
+    }
+    this.isVisible = isIntersecting;
+  }
+  ticked() {
+    this.dampedX = (0, import_utils.damp)(this.x, this.dampedX, 0.2, 1e-5);
+    this.$el.style.transform = `${(0, import_utils.matrix)({
+      translateX: this.dampedX
+    })} translateZ(0px)`;
+    if (this.dampedX === this.x) {
+      this.$services.disable("ticked");
+    }
+  }
+  activate() {
+    this.$el.classList.add("is-active");
+  }
+  disactivate() {
+    this.$el.classList.remove("is-active");
+  }
+  move(targetPosition) {
+    this.x = targetPosition;
+    if (!this.$services.has("ticked")) {
+      this.$services.enable("ticked");
+    }
+  }
+  moveInstantly(targetPosition) {
+    this.x = targetPosition;
+    this.dampedX = targetPosition;
+    this.$el.style.transform = `${(0, import_utils.matrix)({
+      translateX: targetPosition
+    })} translateZ(0px)`;
+  }
+  willBeVisible(targetPosition) {
+    return this.rect.x + targetPosition < window.innerWidth * 1.5 && this.rect.x + targetPosition + this.rect.width > window.innerWidth * -0.5;
+  }
+  willBeFullyVisible(targetPosition) {
+    return this.rect.x + targetPosition < window.innerWidth && this.rect.x + targetPosition > 0 && this.rect.x + targetPosition + this.rect.width < window.innerWidth && this.rect.x + targetPosition + this.rect.width > 0;
+  }
+  updateRectAdjustedWithX() {
+    const x = this.x * -1;
+    const rect = this.$el.getBoundingClientRect().toJSON();
+    this.rect = {
+      ...rect,
+      left: rect.left + x,
+      right: rect.left + x + rect.width,
+      x: rect.left + x
+    };
+  }
+};
+__publicField(SliderItem, "config", {
+  name: "SliderItem",
+  emits: ["is-fully-visible", "is-partially-visible", "is-hidden"]
+});
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Slider/SliderItem.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Manage a slider item and its state transition.
+ */
+export default class SliderItem extends Base {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        emits: string[];
+    };
+    /**
+     * Wether the SliderItem is visible or not.
+     * @type {Boolean}
+     */
+    isVisible: boolean;
+    /**
+     * The SliderItem `x` position.
+     * @type {number}
+     */
+    x: number;
+    /**
+     * The smoothed `x` position.
+     * @type {number}
+     */
+    dampedX: number;
+    /**
+     * Set SliderItem bounding rectangle on mount.
+     *
+     * @returns {void}
+     */
+    mounted(): void;
+    /**
+     * Update SliderItem bounding rectangle on resize.
+     *
+     * @returns {void}
+     */
+    resized(): void;
+    /**
+     * Reset position to `0` on destroy.
+     *
+     * @returns {void}
+     */
+    destroyed(): void;
+    /**
+     * Intersected hook.
+     *
+     * @param   {IntersectionObserverEntry[]} entries
+     * @returns {void}
+     */
+    intersected([{ intersectionRatio, isIntersecting }]: IntersectionObserverEntry[]): void;
+    /**
+     * Ticked hook.
+     *
+     * @returns {void}
+     */
+    ticked(): void;
+    /**
+     * Enable the SliderItem.
+     *
+     * @returns {void}
+     */
+    activate(): void;
+    /**
+     * Disable the SliderItem.
+     *
+     * @returns {void}
+     */
+    disactivate(): void;
+    /**
+     * Move the SliderItem to the given target position.
+     *
+     * @param   {number} targetPosition
+     * @returns {void}
+     */
+    move(targetPosition: number): void;
+    /**
+     * Move the SliderItem instantly to the given target position.
+     *
+     * @param   {number} targetPosition
+     * @returns {void}
+     */
+    moveInstantly(targetPosition: number): void;
+    /**
+     * Check if SliderItem is partially visible for the given target position.
+     *
+     * @param   {number} targetPosition
+     * @returns {boolean}
+     */
+    willBeVisible(targetPosition: number): boolean;
+    /**
+     * Check if SliderItem is fully visible for the given target position.
+     *
+     * @param   {number} targetPosition
+     * @returns {boolean}
+     */
+    willBeFullyVisible(targetPosition: number): boolean;
+    /**
+     * Update the bounding rectangle values without the current transformation.
+     *
+     * @returns {void}
+     */
+    updateRectAdjustedWithX(): void;
+    rect: any;
+}
+import { Base } from "@studiometa/js-toolkit";

package/molecules/Slider/SliderItem.js

@@ -0,0 +1 @@
+import{Base as s,withIntersectionObserver as d}from"@studiometa/js-toolkit";import{matrix as i,damp as h}from"@studiometa/js-toolkit/utils";class l extends d(s,{threshold:[0,1]}){static config={name:"SliderItem",emits:["is-fully-visible","is-partially-visible","is-hidden"]};isVisible=!1;x=0;dampedX=0;mounted(){this.updateRectAdjustedWithX()}resized(){this.updateRectAdjustedWithX()}destroyed(){this.moveInstantly(0)}intersected([{intersectionRatio:t,isIntersecting:e}]){t>=1?(this.$emit("is-fully-visible"),this.$el.setAttribute("aria-hidden","false")):t>0?(this.$emit("is-partially-visible"),this.$el.setAttribute("aria-hidden","true")):(this.$emit("is-hidden"),this.$el.setAttribute("aria-hidden","true")),this.isVisible=e}ticked(){this.dampedX=h(this.x,this.dampedX,.2,1e-5),this.$el.style.transform=`${i({translateX:this.dampedX})} translateZ(0px)`,this.dampedX===this.x&&this.$services.disable("ticked")}activate(){this.$el.classList.add("is-active")}disactivate(){this.$el.classList.remove("is-active")}move(t){this.x=t,this.$services.has("ticked")||this.$services.enable("ticked")}moveInstantly(t){this.x=t,this.dampedX=t,this.$el.style.transform=`${i({translateX:t})} translateZ(0px)`}willBeVisible(t){return this.rect.x+t<window.innerWidth*1.5&&this.rect.x+t+this.rect.width>window.innerWidth*-.5}willBeFullyVisible(t){return this.rect.x+t<window.innerWidth&&this.rect.x+t>0&&this.rect.x+t+this.rect.width<window.innerWidth&&this.rect.x+t+this.rect.width>0}updateRectAdjustedWithX(){const t=this.x*-1,e=this.$el.getBoundingClientRect().toJSON();this.rect={...e,left:e.left+t,right:e.left+t+e.width,x:e.left+t}}}export{l as default};

package/molecules/Slider/SliderProgress.cjs

@@ -0,0 +1,47 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/ui/molecules/Slider/SliderProgress.js
+var SliderProgress_exports = {};
+__export(SliderProgress_exports, {
+  default: () => SliderProgress
+});
+module.exports = __toCommonJS(SliderProgress_exports);
+var import_utils = require("@studiometa/js-toolkit/utils");
+var import_AbstractSliderChild = __toESM(require("./AbstractSliderChild.cjs"), 1);
+var SliderProgress = class extends import_AbstractSliderChild.default {
+  update(index) {
+    const unit = this.$refs.progress.clientWidth / this.$parent.indexMax;
+    this.$refs.progress.style.transform = (0, import_utils.matrix)({
+      translateX: (0, import_utils.map)(index, 0, this.$parent.indexMax, (this.$refs.progress.clientWidth - unit) * -1, 0)
+    });
+  }
+};
+__publicField(SliderProgress, "config", {
+  name: "SliderProgress",
+  refs: ["progress"]
+});
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Slider/SliderProgress.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @typedef {SliderProgress & {
+ *   $refs: {
+ *     progress: HTMLElement
+ *   },
+ *   $parent: import('./Slider.js').default
+ * }} SliderProgressInterface
+ */
+/**
+ * SliderProgress class.
+ */
+export default class SliderProgress extends AbstractSliderChild {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        refs: string[];
+    };
+}
+export type SliderProgressInterface = SliderProgress & {
+    $refs: {
+        progress: HTMLElement;
+    };
+    $parent: import('./Slider.js').default;
+};
+import AbstractSliderChild from "./AbstractSliderChild.js";

package/molecules/Slider/SliderProgress.js

@@ -0,0 +1 @@
+import{matrix as t,map as e}from"@studiometa/js-toolkit/utils";import i from"./AbstractSliderChild.js";class a extends i{static config={name:"SliderProgress",refs:["progress"]};update(r){const s=this.$refs.progress.clientWidth/this.$parent.indexMax;this.$refs.progress.style.transform=t({translateX:e(r,0,this.$parent.indexMax,(this.$refs.progress.clientWidth-s)*-1,0)})}}export{a as default};

package/molecules/Slider/index.cjs

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/ui/molecules/Slider/index.js
+var Slider_exports = {};
+__export(Slider_exports, {
+  AbstractSliderChild: () => import_AbstractSliderChild.default,
+  Slider: () => import_Slider.default,
+  SliderBtn: () => import_SliderBtn.default,
+  SliderCount: () => import_SliderCount.default,
+  SliderDots: () => import_SliderDots.default,
+  SliderDrag: () => import_SliderDrag.default,
+  SliderItem: () => import_SliderItem.default,
+  SliderProgress: () => import_SliderProgress.default
+});
+module.exports = __toCommonJS(Slider_exports);
+var import_AbstractSliderChild = __toESM(require("./AbstractSliderChild.cjs"), 1);
+var import_Slider = __toESM(require("./Slider.cjs"), 1);
+var import_SliderBtn = __toESM(require("./SliderBtn.cjs"), 1);
+var import_SliderCount = __toESM(require("./SliderCount.cjs"), 1);
+var import_SliderDrag = __toESM(require("./SliderDrag.cjs"), 1);
+var import_SliderItem = __toESM(require("./SliderItem.cjs"), 1);
+var import_SliderProgress = __toESM(require("./SliderProgress.cjs"), 1);
+var import_SliderDots = __toESM(require("./SliderDots.cjs"), 1);
+if (module.exports.default) module.exports = module.exports.default;

package/molecules/Slider/index.d.ts

@@ -0,0 +1,8 @@
+export { default as AbstractSliderChild } from "./AbstractSliderChild.js";
+export { default as Slider } from "./Slider.js";
+export { default as SliderBtn } from "./SliderBtn.js";
+export { default as SliderCount } from "./SliderCount.js";
+export { default as SliderDrag } from "./SliderDrag.js";
+export { default as SliderItem } from "./SliderItem.js";
+export { default as SliderProgress } from "./SliderProgress.js";
+export { default as SliderDots } from "./SliderDots.js";

package/molecules/Slider/index.js

@@ -0,0 +1 @@
+import{default as t}from"./AbstractSliderChild.js";import{default as a}from"./Slider.js";import{default as l}from"./SliderBtn.js";import{default as s}from"./SliderCount.js";import{default as m}from"./SliderDrag.js";import{default as p}from"./SliderItem.js";import{default as S}from"./SliderProgress.js";import{default as n}from"./SliderDots.js";export{t as AbstractSliderChild,a as Slider,l as SliderBtn,s as SliderCount,n as SliderDots,m as SliderDrag,p as SliderItem,S as SliderProgress};