@visitwonders/assembly 0.1.0 → 0.3.0

package/dist/action/button-group.js

@@ -0,0 +1,130 @@
+import "./button-group.css"
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { on } from '@ember/modifier';
+import { fn, hash } from '@ember/helper';
+import Button from './button.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime';
+
+;
+
+class ButtonGroup extends Component {
+  static {
+    g(this.prototype, "internalValue", [tracked]);
+  }
+  #internalValue = (i(this, "internalValue"), void 0);
+  constructor(owner, args) {
+    super(owner, args);
+    const defaultVal = args.defaultValue;
+    if (this.selectionType === 'multiple') {
+      this.internalValue = Array.isArray(defaultVal) ? [...defaultVal] : defaultVal ? [defaultVal] : [];
+    } else {
+      this.internalValue = Array.isArray(defaultVal) ? defaultVal[0] ?? '' : defaultVal ?? '';
+    }
+  }
+  get selectionType() {
+    return this.args.type ?? 'single';
+  }
+  get isControlled() {
+    return this.args.value !== undefined;
+  }
+  get selectedValue() {
+    return this.isControlled ? this.args.value ?? '' : this.internalValue;
+  }
+  get variant() {
+    return this.args.variant ?? 'outline';
+  }
+  get tone() {
+    return this.args.tone ?? 'neutral';
+  }
+  get size() {
+    return this.args.size ?? 'md';
+  }
+  get normalizedOptions() {
+    if (!this.args.options) return [];
+    return this.args.options.map(option => {
+      if (typeof option === 'string') {
+        return {
+          value: option,
+          label: option
+        };
+      }
+      return option;
+    });
+  }
+  isValueSelected = value => {
+    if (this.selectionType === 'multiple') {
+      const selected = this.selectedValue;
+      return Array.isArray(selected) ? selected.includes(value) : selected === value;
+    }
+    return this.selectedValue === value;
+  };
+  isFirst = index => index === 0;
+  isLast = index => index === this.normalizedOptions.length - 1;
+  handleSelect(value) {
+    if (this.selectionType === 'multiple') {
+      const current = this.selectedValue;
+      const currentArray = Array.isArray(current) ? current : [current];
+      let newValues;
+      if (currentArray.includes(value)) {
+        newValues = currentArray.filter(v => v !== value);
+      } else {
+        newValues = [...currentArray, value];
+      }
+      if (!this.isControlled) {
+        this.internalValue = newValues;
+      }
+      this.args.onChange?.(newValues);
+    } else {
+      if (this.selectedValue === value) return;
+      if (!this.isControlled) {
+        this.internalValue = value;
+      }
+      this.args.onChange?.(value);
+    }
+  }
+  static {
+    n(this.prototype, "handleSelect", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div class=\"button-group_e47b39f9a\" role=\"group\" aria-label={{@aria-label}} data-full-width={{if @isFullWidth \"true\"}} data-test-button-group ...attributes>\n  {{#if (has-block)}}\n    {{yield (hash Item=(component ButtonGroupItem groupVariant=this.variant groupTone=this.tone groupSize=this.size groupDisabled=@isDisabled groupFullWidth=@isFullWidth isValueSelected=this.isValueSelected onItemClick=this.handleSelect))}}\n  {{else}}\n    {{#each this.normalizedOptions as |option index|}}\n      <Button @variant={{this.variant}} @tone={{this.tone}} @size={{this.size}} @isPressed={{this.isValueSelected option.value}} @isDisabled={{if @isDisabled true option.disabled}} @isFullWidth={{@isFullWidth}} @joinLeft={{if (this.isFirst index) false true}} @joinRight={{if (this.isLast index) false true}} {{on \"click\" (fn this.handleSelect option.value)}}>\n        {{option.label}}\n      </Button>\n    {{/each}}\n  {{/if}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        hash,
+        ButtonGroupItem,
+        Button,
+        on,
+        fn
+      })
+    }), this);
+  }
+}
+class ButtonGroupItem extends Component {
+  get isDisabled() {
+    return this.args.isDisabled ?? this.args.groupDisabled ?? false;
+  }
+  get isPressed() {
+    return this.args.isValueSelected(this.args.value);
+  }
+  handleClick() {
+    this.args.onItemClick(this.args.value);
+  }
+  static {
+    n(this.prototype, "handleClick", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<Button @variant={{@groupVariant}} @tone={{@groupTone}} @size={{@groupSize}} @isPressed={{this.isPressed}} @isDisabled={{this.isDisabled}} @isFullWidth={{@groupFullWidth}} @joinLeft={{@joinLeft}} @joinRight={{@joinRight}} {{on \"click\" this.handleClick}} ...attributes>\n  {{yield}}\n</Button>", {
+      strictMode: true,
+      scope: () => ({
+        Button,
+        on
+      })
+    }), this);
+  }
+}
+
+export { ButtonGroup as default };
+//# sourceMappingURL=button-group.js.map

package/dist/action/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/action/button.css

@@ -358,3 +358,155 @@
     transform: rotate(360deg);
   }
 }
+
+/* ===================================
+ * Pressed State (Outline variant)
+ * =================================== */
+
+/* Neutral */
+.button_e0e07a6eb[data-pressed="true"][data-variant="outline"][data-tone="neutral"],
+.button_e0e07a6eb[data-pressed="true"][data-variant="solid"][data-tone="neutral"] {
+  background: var(--color-bg-fill-neutral);
+  color: var(--color-text-on-neutral);
+  border-color: var(--color-bg-fill-neutral);
+}
+
+.button_e0e07a6eb[data-pressed="true"][data-variant="outline"][data-tone="neutral"]:hover:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-pressed="true"][data-variant="solid"][data-tone="neutral"]:hover:not(
+    :disabled
+  ) {
+  background: var(--color-bg-fill-neutral-hover);
+  border-color: var(--color-bg-fill-neutral-hover);
+}
+
+.button_e0e07a6eb[data-pressed="true"][data-variant="outline"][data-tone="neutral"]:active:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-pressed="true"][data-variant="solid"][data-tone="neutral"]:active:not(
+    :disabled
+  ) {
+  background: var(--color-bg-fill-neutral-active);
+  border-color: var(--color-bg-fill-neutral-active);
+}
+
+/* Primary */
+.button_e0e07a6eb[data-pressed="true"][data-variant="outline"][data-tone="primary"],
+.button_e0e07a6eb[data-pressed="true"][data-variant="solid"][data-tone="primary"] {
+  background: var(--color-bg-fill-primary);
+  color: var(--color-text-on-primary);
+  border-color: var(--color-bg-fill-primary);
+}
+
+.button_e0e07a6eb[data-pressed="true"][data-variant="outline"][data-tone="primary"]:hover:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-pressed="true"][data-variant="solid"][data-tone="primary"]:hover:not(
+    :disabled
+  ) {
+  background: var(--color-bg-fill-primary-hover);
+  border-color: var(--color-bg-fill-primary-hover);
+}
+
+.button_e0e07a6eb[data-pressed="true"][data-variant="outline"][data-tone="primary"]:active:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-pressed="true"][data-variant="solid"][data-tone="primary"]:active:not(
+    :disabled
+  ) {
+  background: var(--color-bg-fill-primary-active);
+  border-color: var(--color-bg-fill-primary-active);
+}
+
+/* Critical */
+.button_e0e07a6eb[data-pressed="true"][data-variant="outline"][data-tone="critical"],
+.button_e0e07a6eb[data-pressed="true"][data-variant="solid"][data-tone="critical"] {
+  background: var(--color-bg-fill-critical);
+  color: var(--color-text-on-critical);
+  border-color: var(--color-bg-fill-critical);
+}
+
+.button_e0e07a6eb[data-pressed="true"][data-variant="outline"][data-tone="critical"]:hover:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-pressed="true"][data-variant="solid"][data-tone="critical"]:hover:not(
+    :disabled
+  ) {
+  background: var(--color-bg-fill-critical-hover);
+  border-color: var(--color-bg-fill-critical-hover);
+}
+
+.button_e0e07a6eb[data-pressed="true"][data-variant="outline"][data-tone="critical"]:active:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-pressed="true"][data-variant="solid"][data-tone="critical"]:active:not(
+    :disabled
+  ) {
+  background: var(--color-bg-fill-critical-active);
+  border-color: var(--color-bg-fill-critical-active);
+}
+
+/* ===================================
+ * Join (joinLeft / joinRight)
+ * =================================== */
+
+.button_e0e07a6eb[data-join-left="true"] {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.button_e0e07a6eb[data-join-right="true"] {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+/* Instant feedback for joined buttons (e.g. segmented groups) */
+.button_e0e07a6eb[data-join-left="true"],
+.button_e0e07a6eb[data-join-right="true"] {
+  transition: none;
+}
+
+/* Prevent border-color shift on hover for joined neutral buttons */
+.button_e0e07a6eb[data-join-left="true"][data-variant="outline"][data-tone="neutral"]:hover:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-join-right="true"][data-variant="outline"][data-tone="neutral"]:hover:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-join-left="true"][data-variant="outline"][data-tone="neutral"]:active:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-join-right="true"][data-variant="outline"][data-tone="neutral"]:active:not(
+    :disabled
+  ) {
+  border-color: var(--color-border-neutral);
+}
+
+.button_e0e07a6eb[data-join-left="true"][data-variant="solid"][data-tone="neutral"]:hover:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-join-right="true"][data-variant="solid"][data-tone="neutral"]:hover:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-join-left="true"][data-variant="solid"][data-tone="neutral"]:active:not(
+    :disabled
+  ),
+.button_e0e07a6eb[data-join-right="true"][data-variant="solid"][data-tone="neutral"]:active:not(
+    :disabled
+  ) {
+  border-color: var(--color-border-control);
+  box-shadow: none;
+}
+
+/* Ensure active/focused joined button appears above neighbors */
+.button_e0e07a6eb[data-join-left="true"]:hover,
+.button_e0e07a6eb[data-join-right="true"]:hover,
+.button_e0e07a6eb[data-join-left="true"]:focus-visible,
+.button_e0e07a6eb[data-join-right="true"]:focus-visible,
+.button_e0e07a6eb[data-join-left="true"][data-pressed="true"],
+.button_e0e07a6eb[data-join-right="true"][data-pressed="true"] {
+  z-index: 1;
+  position: relative;
+}

package/dist/action/button.js

@@ -37,7 +37,7 @@ class Button extends Component {
     }
   };
   static {
-    setComponentTemplate(precompileTemplate("{{#if this.isLink}}\n  <a class=\"button_e0e07a6eb\" href={{@href}} target={{@target}} aria-label={{@aria-label}} aria-busy={{if @isLoading \"true\"}} data-variant={{this.variant}} data-tone={{this.tone}} data-size={{this.size}} data-loading={{if @isLoading \"true\"}} data-disabled={{if this.isDisabledOrLoading \"true\"}} data-full-width={{if @isFullWidth \"true\"}} data-icon-only={{if (has-block) \"false\" \"true\"}} data-pressed={{this.ariaPressed}} data-test-button {{on \"click\" this.handleLinkClick}} ...attributes>\n    {{#if @isLoading}}\n      <span class=\"button-spinner_e0e07a6eb\" data-test-button-spinner></span>\n    {{/if}}\n    {{#if (has-block \"prefix\")}}\n      <span class=\"button-prefix_e0e07a6eb\" data-test-button-prefix>\n        {{yield to=\"prefix\"}}\n      </span>\n    {{/if}}\n    <span class=\"button-label_e0e07a6eb\">\n      {{#if @isLoading}}\n        {{#if @loadingText}}\n          {{@loadingText}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </span>\n    {{#if (has-block \"suffix\")}}\n      <span class=\"button-suffix_e0e07a6eb\" data-test-button-suffix>\n        {{yield to=\"suffix\"}}\n      </span>\n    {{/if}}\n  </a>\n{{else}}\n  <button class=\"button_e0e07a6eb\" type={{this.buttonType}} disabled={{this.isDisabledOrLoading}} aria-label={{@aria-label}} aria-busy={{if @isLoading \"true\"}} aria-pressed={{this.ariaPressed}} data-variant={{this.variant}} data-tone={{this.tone}} data-size={{this.size}} data-loading={{if @isLoading \"true\"}} data-disabled={{if @isDisabled \"true\"}} data-full-width={{if @isFullWidth \"true\"}} data-icon-only={{if (has-block) \"false\" \"true\"}} data-pressed={{this.ariaPressed}} data-test-button ...attributes>\n    {{#if @isLoading}}\n      <span class=\"button-spinner_e0e07a6eb\" data-test-button-spinner></span>\n    {{/if}}\n    {{#if (has-block \"prefix\")}}\n      <span class=\"button-prefix_e0e07a6eb\" data-test-button-prefix>\n        {{yield to=\"prefix\"}}\n      </span>\n    {{/if}}\n    <span class=\"button-label_e0e07a6eb\">\n      {{#if @isLoading}}\n        {{#if @loadingText}}\n          {{@loadingText}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </span>\n    {{#if (has-block \"suffix\")}}\n      <span class=\"button-suffix_e0e07a6eb\" data-test-button-suffix>\n        {{yield to=\"suffix\"}}\n      </span>\n    {{/if}}\n  </button>\n{{/if}}", {
+    setComponentTemplate(precompileTemplate("{{#if this.isLink}}\n  <a class=\"button_e0e07a6eb\" href={{@href}} target={{@target}} aria-label={{@aria-label}} aria-busy={{if @isLoading \"true\"}} data-variant={{this.variant}} data-tone={{this.tone}} data-size={{this.size}} data-loading={{if @isLoading \"true\"}} data-disabled={{if this.isDisabledOrLoading \"true\"}} data-full-width={{if @isFullWidth \"true\"}} data-icon-only={{if (has-block) \"false\" \"true\"}} data-pressed={{this.ariaPressed}} data-join-left={{if @joinLeft \"true\"}} data-join-right={{if @joinRight \"true\"}} data-test-button {{on \"click\" this.handleLinkClick}} ...attributes>\n    {{#if @isLoading}}\n      <span class=\"button-spinner_e0e07a6eb\" data-test-button-spinner></span>\n    {{/if}}\n    {{#if (has-block \"prefix\")}}\n      <span class=\"button-prefix_e0e07a6eb\" data-test-button-prefix>\n        {{yield to=\"prefix\"}}\n      </span>\n    {{/if}}\n    <span class=\"button-label_e0e07a6eb\">\n      {{#if @isLoading}}\n        {{#if @loadingText}}\n          {{@loadingText}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </span>\n    {{#if (has-block \"suffix\")}}\n      <span class=\"button-suffix_e0e07a6eb\" data-test-button-suffix>\n        {{yield to=\"suffix\"}}\n      </span>\n    {{/if}}\n  </a>\n{{else}}\n  <button class=\"button_e0e07a6eb\" type={{this.buttonType}} disabled={{this.isDisabledOrLoading}} aria-label={{@aria-label}} aria-busy={{if @isLoading \"true\"}} aria-pressed={{this.ariaPressed}} data-variant={{this.variant}} data-tone={{this.tone}} data-size={{this.size}} data-loading={{if @isLoading \"true\"}} data-disabled={{if @isDisabled \"true\"}} data-full-width={{if @isFullWidth \"true\"}} data-icon-only={{if (has-block) \"false\" \"true\"}} data-pressed={{this.ariaPressed}} data-join-left={{if @joinLeft \"true\"}} data-join-right={{if @joinRight \"true\"}} data-test-button ...attributes>\n    {{#if @isLoading}}\n      <span class=\"button-spinner_e0e07a6eb\" data-test-button-spinner></span>\n    {{/if}}\n    {{#if (has-block \"prefix\")}}\n      <span class=\"button-prefix_e0e07a6eb\" data-test-button-prefix>\n        {{yield to=\"prefix\"}}\n      </span>\n    {{/if}}\n    <span class=\"button-label_e0e07a6eb\">\n      {{#if @isLoading}}\n        {{#if @loadingText}}\n          {{@loadingText}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </span>\n    {{#if (has-block \"suffix\")}}\n      <span class=\"button-suffix_e0e07a6eb\" data-test-button-suffix>\n        {{yield to=\"suffix\"}}\n      </span>\n    {{/if}}\n  </button>\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         on

package/dist/action/index.js

@@ -1,3 +1,4 @@
 export { default as Button } from './button.js';
+export { default as ButtonGroup } from './button-group.js';
 export { default as Link } from './link.js';
 //# sourceMappingURL=index.js.map

package/dist/action/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/data/index.js

@@ -1,2 +1,3 @@
+export { default as SortableList } from './sortable-list.js';
 export { default as Table } from './table.js';
 //# sourceMappingURL=index.js.map

package/dist/data/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/data/sortable-list-css-211fcfeedc08052ccbac7f51549ce0b1.css

@@ -0,0 +1,89 @@
+/* <inline>/src/data/sortable-list-css-211fcfeedc08052ccbac7f51549ce0b1.css */
+
+  .sortable-list_ebb0a8898 {
+    display: flex;
+    flex-direction: column;
+    background: var(--color-bg-surface);
+  }
+
+  .sortable-list_ebb0a8898[data-direction="horizontal"] {
+    flex-direction: row;
+  }
+
+  .sortable-item_ebb0a8898 {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-3);
+    padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-10);
+    background: var(--color-bg-surface);
+    border: var(--border-width-1) solid var(--color-border-subtle);
+    border-radius: var(--radius-md);
+    user-select: none;
+  }
+
+  .sortable-item_ebb0a8898[data-disabled="true"] {
+    padding-left: var(--spacing-4);
+  }
+
+  /* Collapse borders between stacked items */
+  .sortable-item_ebb0a8898 + .sortable-item_ebb0a8898 {
+    margin-top: calc(-1 * var(--border-width-1));
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .sortable-item_ebb0a8898:has(+ .sortable-item_ebb0a8898) {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .sortable-list_ebb0a8898[data-direction="horizontal"] .sortable-item_ebb0a8898 + .sortable-item_ebb0a8898 {
+    margin-top: 0;
+    margin-left: calc(-1 * var(--border-width-1));
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-top-right-radius: var(--radius-md);
+    border-bottom-right-radius: var(--radius-md);
+  }
+
+  .sortable-list_ebb0a8898[data-direction="horizontal"] .sortable-item_ebb0a8898:has(+ .sortable-item_ebb0a8898) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-top-left-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
+
+  .sortable-handle_ebb0a8898 {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacing-10);
+    color: var(--color-text-tertiary);
+    cursor: grab;
+    transition:
+      color 0.15s ease,
+      background-color 0.15s ease;
+  }
+
+  .sortable-handle_ebb0a8898:hover {
+    color: var(--color-text);
+  }
+
+  .sortable-handle_ebb0a8898:active {
+    cursor: grabbing;
+  }
+
+  .sortable-list_ebb0a8898[data-disabled="true"] .sortable-handle_ebb0a8898 {
+    color: var(--color-text-disabled);
+    cursor: not-allowed;
+  }
+
+  .sortable-content_ebb0a8898 {
+    flex: 1;
+    min-width: 0;
+  }

package/dist/data/sortable-list.js

@@ -0,0 +1,62 @@
+import "./sortable-list-css-211fcfeedc08052ccbac7f51549ce0b1.css"
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { hash } from '@ember/helper';
+import { move, DragDrop } from '@arthur5005/dnd-kit-ember';
+import Icon from '../media/icon.js';
+import { GripVertical } from 'lucide';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime';
+
+;
+
+// ============================================================================
+// Component
+// ============================================================================
+class SortableList extends Component {
+  static {
+    g(this.prototype, "snapshot", [tracked], function () {
+      return [];
+    });
+  }
+  #snapshot = (i(this, "snapshot"), void 0);
+  get direction() {
+    return this.args.direction ?? 'vertical';
+  }
+  get isDisabled() {
+    return this.args.isDisabled ?? false;
+  }
+  get items() {
+    return this.args.items;
+  }
+  handleDragStart = () => {
+    this.snapshot = [...this.args.items];
+  };
+  handleDragOver = event => {
+    if (this.isDisabled) return;
+    // Cast needed: move() expects UniqueIdentifier[] but our items are generic T[]
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const items = move(this.args.items, event);
+    this.args.onReorder(items);
+  };
+  handleDragEnd = event => {
+    if (event.canceled) {
+      this.args.onReorder([...this.snapshot]);
+    }
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n\n<div class=\"sortable-list_ebb0a8898\" data-direction={{this.direction}} data-disabled={{if this.isDisabled \"true\"}} data-test-sortable-list ...attributes>\n  <DragDrop @onDragStart={{this.handleDragStart}} @onDragOver={{this.handleDragOver}} @onDragEnd={{this.handleDragEnd}} as |dd|>\n    {{#each this.items as |item index|}}\n      {{#let (@key item) as |itemId|}}\n        <div class=\"sortable-item_ebb0a8898\" data-disabled={{if this.isDisabled \"true\"}} data-test-sortable-item={{itemId}} {{dd.sortable id=itemId index=index disabled=this.isDisabled}}>\n          {{#unless this.isDisabled}}\n            <span class=\"sortable-handle_ebb0a8898\" role=\"button\" aria-label=\"Reorder item\" data-test-sortable-handle {{dd.handle id=itemId}}>\n              <Icon @icon={{GripVertical}} @size=\"sm\" />\n            </span>\n          {{/unless}}\n          <div class=\"sortable-content_ebb0a8898\">\n            {{yield (hash item=item index=index)}}\n          </div>\n        </div>\n      {{/let}}\n    {{/each}}\n  </DragDrop>\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        DragDrop,
+        Icon,
+        GripVertical,
+        hash
+      })
+    }), this);
+  }
+}
+
+export { SortableList as default };
+//# sourceMappingURL=sortable-list.js.map

package/dist/data/sortable-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-list.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}