@yewdiel21/motion-kit 0.14.0 → 0.15.0

package/dist/elements/index.js

@@ -1,15 +1,26 @@
 import {
+  createBidirectionalSlider,
   createChat,
   createCursor,
+  createHeatmapChart,
   createIsland,
   createNav,
+  createOrbitMenu,
+  createPieChart,
+  createPillButton,
+  createRadarChart,
+  createRadialChart,
+  createSankeyChart,
   createThemePicker,
   createToaster,
+  createToolbar,
+  createVoiceDots,
   iconSvg,
   toast
-} from "../chunk-6P4P7NU6.js";
+} from "../chunk-JXRS3OEA.js";
 import {
   createActivityFeed,
+  createAddToCart,
   createAttachment,
   createBreadcrumb,
   createCalendar,
@@ -55,6 +66,8 @@ import {
   createResizablePanel,
   createRichTextEditor,
   createScratchCard,
+  createScrollIsland,
+  createSelect,
   createSkeleton,
   createSlotPicker,
   createSplitView,
@@ -70,7 +83,7 @@ import {
   createTrailer,
   createTreeView,
   createVirtualList
-} from "../chunk-CU6SXW3E.js";
+} from "../chunk-A6QQCF6V.js";
 import "../chunk-RVSKEBIC.js";
 import "../chunk-DOOMULVV.js";
 import "../chunk-TGV27ZWM.js";
@@ -918,7 +931,9 @@ var MkChartElement = class extends MkElement {
     height: "number",
     emptyLabel: "string",
     legend: "boolean",
-    tooltip: "boolean"
+    tooltip: "boolean",
+    axis: "boolean",
+    endLabel: "boolean"
   };
   create(options) {
     return createChart(this, options);
@@ -993,7 +1008,7 @@ var MkHoldConfirmElement = class extends MkElement {
 
 // src/components/image-preview/element.ts
 var MkImagePreviewElement = class extends MkElement {
-  static options = { loop: "boolean", labels: "json" };
+  static options = { loop: "boolean", strip: "boolean", labels: "json" };
   create(options) {
     return createImagePreview(this, options);
   }
@@ -1589,7 +1604,7 @@ var MkActivityFeedElement = class extends MkElement {
 
 // src/components/tree-view/element.ts
 var MkTreeViewElement = class extends MkElement {
-  static options = { nodes: "json", checkable: "boolean", checked: "list", expanded: "list", selected: "string", search: "string", label: "string" };
+  static options = { nodes: "json", checkable: "boolean", checked: "list", expanded: "list", selected: "string", search: "string", label: "string", icons: "boolean", draggable: "boolean" };
   create(options) {
     const search = this.hasAttribute("search") ? this.getAttribute("search") || true : void 0;
     const expanded = this.getAttribute("expanded") === "all" ? true : options.expanded;
@@ -1837,6 +1852,246 @@ var MkRichTextEditorElement = class extends MkElement {
   }
 };
 
+// src/components/select/element.ts
+var MkSelectElement = class extends MkElement {
+  static options = { value: "string", name: "string", label: "string", placeholder: "string", disabled: "boolean" };
+  create(options) {
+    return createSelect(this, options);
+  }
+  attributeChangedCallback(name, previous, next) {
+    if (previous === next || !this.instance) return;
+    if (name === "value" && next !== null) this.instance.setValue(next, false);
+    else super.attributeChangedCallback(name, previous, next);
+  }
+  get value() {
+    return this.instance?.value ?? "";
+  }
+};
+
+// src/components/add-to-cart/element.ts
+var MkAddToCartElement = class extends MkElement {
+  static options = { target: "string", image: "string", quantity: "number", count: "number", label: "string" };
+  create(options) {
+    return createAddToCart(this, options);
+  }
+  get count() {
+    return this.instance?.count ?? 0;
+  }
+};
+
+// src/components/scroll-island/element.ts
+var MkScrollIslandElement = class extends MkElement {
+  static options = { sections: "string", reach: "number", idle: "number", page: "boolean" };
+  create(options) {
+    return createScrollIsland(options.page ? document.documentElement : this, options);
+  }
+};
+
+// src/components/pill-button/element.ts
+var MkPillButtonElement = class extends MkElement {
+  static options = { expand: "boolean", icon: "string" };
+  create(options) {
+    return createPillButton(this, options);
+  }
+};
+
+// src/components/toolbar/element.ts
+var MkToolbarElement = class extends MkElement {
+  static options = { value: "string", orientation: "string", tips: "boolean" };
+  create(options) {
+    return createToolbar(this, options);
+  }
+  get value() {
+    return this.instance?.value ?? "";
+  }
+  set value(next) {
+    this.instance?.setValue(next);
+  }
+  setValue(value, notify = false) {
+    this.instance?.setValue(value, notify);
+  }
+  attributeChangedCallback(name, previous, next) {
+    if (name === "value" && this.instance) {
+      if (next !== null) this.instance.setValue(next);
+      return;
+    }
+    super.attributeChangedCallback(name, previous, next);
+  }
+};
+
+// src/components/bidirectional-slider/element.ts
+var MkBidirectionalSliderElement = class extends MkElement {
+  static options = {
+    min: "number",
+    max: "number",
+    origin: "number",
+    step: "number",
+    value: "number",
+    disabled: "boolean",
+    name: "string",
+    label: "string",
+    icons: "string"
+  };
+  create(options) {
+    return createBidirectionalSlider(this, { ...options, icons: options.icons === "none" ? false : options.icons });
+  }
+  get value() {
+    return this.instance?.value ?? 0;
+  }
+  set value(next) {
+    this.setValue(next);
+  }
+  setValue(value, notify = false) {
+    this.instance?.setValue(value, notify);
+  }
+  reset(notify = false) {
+    this.instance?.reset(notify);
+  }
+  attributeChangedCallback(name, previous, next) {
+    if (name === "value" && this.instance) {
+      this.instance.setValue(Number(next ?? this.options.origin ?? 0));
+      return;
+    }
+    super.attributeChangedCallback(name, previous, next);
+  }
+};
+
+// src/components/voice-dots/element.ts
+var MkVoiceDotsElement = class extends MkElement {
+  static options = { state: "string", count: "number", colorful: "boolean", size: "number" };
+  create(options) {
+    return createVoiceDots(this, options);
+  }
+  /** A new state flows from where the dots are (the engine, and the audio it follows, stay). */
+  attributeChangedCallback(name, previous, next) {
+    if (name === "state" && this.instance) {
+      this.instance.setState(next ?? "idle");
+      return;
+    }
+    super.attributeChangedCallback(name, previous, next);
+  }
+  get state() {
+    return this.instance?.state ?? "idle";
+  }
+  set state(next) {
+    this.setAttribute("state", next);
+  }
+  setLevel(level) {
+    this.instance?.setLevel(level);
+  }
+  listen(source) {
+    return this.instance?.listen(source) ?? Promise.resolve(() => {
+    });
+  }
+  stop() {
+    this.instance?.stop();
+  }
+};
+
+// src/components/pie-chart/element.ts
+var MkPieChartElement = class extends MkElement {
+  static options = { data: "json", donut: "number", gap: "number", size: "number", label: "string", totalLabel: "string", legend: "boolean", emptyLabel: "string" };
+  create(options) {
+    return createPieChart(this, options);
+  }
+  attributeChangedCallback(_name, previous, next) {
+    if (previous === next || !this.instance) return;
+    this.instance.update({ legend: void 0, ...this.options });
+  }
+  update(options) {
+    this.instance?.update(options);
+  }
+  select(index) {
+    this.instance?.select(index);
+  }
+};
+
+// src/components/radar-chart/element.ts
+var MkRadarChartElement = class extends MkElement {
+  static options = { axes: "list", series: "json", max: "number", levels: "number", grid: "string", size: "number", label: "string", legend: "boolean", emptyLabel: "string" };
+  create(options) {
+    return createRadarChart(this, options);
+  }
+  attributeChangedCallback(_name, previous, next) {
+    if (previous === next || !this.instance) return;
+    this.instance.update({ legend: void 0, max: void 0, ...this.options });
+  }
+  update(options) {
+    this.instance?.update(options);
+  }
+  select(axis) {
+    this.instance?.select(axis);
+  }
+};
+
+// src/components/radial-chart/element.ts
+var MkRadialChartElement = class extends MkElement {
+  static options = { data: "json", max: "number", sweep: "number", size: "number", thickness: "number", label: "string", totalLabel: "string", legend: "boolean", emptyLabel: "string" };
+  create(options) {
+    return createRadialChart(this, options);
+  }
+  attributeChangedCallback(_name, previous, next) {
+    if (previous === next || !this.instance) return;
+    this.instance.update({ legend: void 0, max: void 0, ...this.options });
+  }
+  update(options) {
+    this.instance?.update(options);
+  }
+  select(index) {
+    this.instance?.select(index);
+  }
+};
+
+// src/components/sankey-chart/element.ts
+var MkSankeyChartElement = class extends MkElement {
+  static options = { nodes: "json", links: "json", height: "number", nodeWidth: "number", nodePadding: "number", label: "string", emptyLabel: "string" };
+  create(options) {
+    return createSankeyChart(this, options);
+  }
+  attributeChangedCallback(_name, previous, next) {
+    if (previous === next || !this.instance) return;
+    this.instance.update(this.options);
+  }
+  update(options) {
+    this.instance?.update(options);
+  }
+  select(index) {
+    this.instance?.select(index);
+  }
+};
+
+// src/components/heatmap-chart/element.ts
+var MkHeatmapChartElement = class extends MkElement {
+  static options = { data: "json", end: "string", weeks: "number", firstDay: "number", locale: "string", levels: "number", color: "string", unit: "string", label: "string", legend: "boolean", emptyLabel: "string" };
+  create(options) {
+    return createHeatmapChart(this, options);
+  }
+  attributeChangedCallback(_name, previous, next) {
+    if (previous === next || !this.instance) return;
+    this.instance.update({ legend: void 0, color: void 0, ...this.options });
+  }
+  update(options) {
+    this.instance?.update(options);
+  }
+  select(date) {
+    this.instance?.select(date);
+  }
+};
+
+// src/components/orbit-menu/element.ts
+var MkOrbitMenuElement = class extends MkElement {
+  static options = { radius: "number", start: "number", closeOnSelect: "boolean" };
+  create(options) {
+    return createOrbitMenu(this, options);
+  }
+  open() {
+    this.instance?.open();
+  }
+  close() {
+    this.instance?.close();
+  }
+};
+
 // src/elements/index.ts
 var ELEMENTS = {
   "mk-theme-picker": MkThemePickerElement,
@@ -1905,7 +2160,20 @@ var ELEMENTS = {
   "mk-split-view": MkSplitViewElement,
   "mk-data-table": MkDataTableElement,
   "mk-editable-table": MkEditableTableElement,
-  "mk-rich-text-editor": MkRichTextEditorElement
+  "mk-rich-text-editor": MkRichTextEditorElement,
+  "mk-select": MkSelectElement,
+  "mk-add-to-cart": MkAddToCartElement,
+  "mk-scroll-island": MkScrollIslandElement,
+  "mk-pill-button": MkPillButtonElement,
+  "mk-toolbar": MkToolbarElement,
+  "mk-bidirectional-slider": MkBidirectionalSliderElement,
+  "mk-voice-dots": MkVoiceDotsElement,
+  "mk-pie-chart": MkPieChartElement,
+  "mk-radar-chart": MkRadarChartElement,
+  "mk-radial-chart": MkRadialChartElement,
+  "mk-sankey-chart": MkSankeyChartElement,
+  "mk-heatmap-chart": MkHeatmapChartElement,
+  "mk-orbit-menu": MkOrbitMenuElement
   // new-component:entries
 };
 function defineElements(names = Object.keys(ELEMENTS)) {
@@ -1914,7 +2182,9 @@ function defineElements(names = Object.keys(ELEMENTS)) {
 export {
   ELEMENTS,
   MkActivityFeedElement,
+  MkAddToCartElement,
   MkAttachmentElement,
+  MkBidirectionalSliderElement,
   MkBreadcrumbElement,
   MkCalendarElement,
   MkChartElement,
@@ -1940,6 +2210,7 @@ export {
   MkEmptyStateElement,
   MkFileExplorerElement,
   MkFilterBuilderElement,
+  MkHeatmapChartElement,
   MkHoldConfirmElement,
   MkHoverCardElement,
   MkImagePreviewElement,
@@ -1953,17 +2224,25 @@ export {
   MkMultiSelectElement,
   MkNavElement,
   MkNotificationBellElement,
+  MkOrbitMenuElement,
   MkPaginationElement,
   MkPasswordStrengthElement,
+  MkPieChartElement,
+  MkPillButtonElement,
   MkPopoverElement,
   MkProgressElement,
   MkQuantityElement,
   MkQuestionnaireElement,
+  MkRadarChartElement,
+  MkRadialChartElement,
   MkRangeCalendarElement,
   MkRangeSliderElement,
   MkResizablePanelElement,
   MkRichTextEditorElement,
+  MkSankeyChartElement,
   MkScratchCardElement,
+  MkScrollIslandElement,
+  MkSelectElement,
   MkSkeletonElement,
   MkSlotPickerElement,
   MkSplitViewElement,
@@ -1977,10 +2256,12 @@ export {
   MkTimeFieldElement,
   MkTimelineElement,
   MkToasterElement,
+  MkToolbarElement,
   MkTooltipElement,
   MkTrailerElement,
   MkTreeViewElement,
   MkVirtualListElement,
+  MkVoiceDotsElement,
   SafeHTMLElement,
   defineElement,
   defineElements,