@visitwonders/assembly 0.1.0

package/dist/_app_/form/toggle-field.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/form/toggle-field";

package/dist/_app_/form/toggle-group.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/form/toggle-group";

package/dist/_app_/form/toggle.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/form/toggle";

package/dist/_app_/layout/divider.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/layout/divider";

package/dist/_app_/layout/grid-item.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/layout/grid-item";

package/dist/_app_/layout/grid.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/layout/grid";

package/dist/_app_/layout/h-stack.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/layout/h-stack";

package/dist/_app_/layout/stack.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/layout/stack";

package/dist/_app_/layout/v-stack.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/layout/v-stack";

package/dist/_app_/media/icon.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/media/icon";

package/dist/_app_/media/image.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/media/image";

package/dist/_app_/overlay/blanket.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/overlay/blanket";

package/dist/_app_/overlay/drawer.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/overlay/drawer";

package/dist/_app_/overlay/modal.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/overlay/modal";

package/dist/_app_/overlay/popover.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/overlay/popover";

package/dist/_app_/overlay/toast.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/overlay/toast";

package/dist/_app_/overlay/tooltip.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/overlay/tooltip";

package/dist/_app_/services/toast.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/services/toast";

package/dist/_app_/status/badge.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/status/badge";

package/dist/_app_/status/skeleton-avatar.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/status/skeleton-avatar";

package/dist/_app_/status/skeleton-button.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/status/skeleton-button";

package/dist/_app_/status/skeleton-image.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/status/skeleton-image";

package/dist/_app_/status/skeleton-text.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/status/skeleton-text";

package/dist/_app_/status/skeleton.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/status/skeleton";

package/dist/_app_/status/tag.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/status/tag";

package/dist/_app_/typography/heading.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/typography/heading";

package/dist/_app_/typography/text.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/typography/text";

package/dist/action/button.css

@@ -0,0 +1,360 @@
+/* src/action/button.css */
+/* ===================================
+ * Button Component
+ * =================================== */
+
+.button_e0e07a6eb {
+  /* Reset */
+  appearance: none;
+  border: none;
+  background: none;
+  font: inherit;
+  cursor: pointer;
+  text-decoration: none;
+
+  /* Layout */
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-2);
+
+  /* Typography */
+  font-weight: var(--font-weight-regular);
+  line-height: 1;
+  white-space: nowrap;
+
+  /* Shape */
+  border-radius: var(--radius-md);
+
+  /* Transitions */
+  transition:
+    background-color 0.15s ease,
+    border-color 0.15s ease,
+    color 0.15s ease,
+    box-shadow 0.15s ease;
+}
+
+/* ===================================
+ * Focus Ring
+ * =================================== */
+
+.button_e0e07a6eb[data-variant][data-tone]:focus-visible {
+  outline: none;
+  box-shadow:
+    0 0 0 2px var(--color-bg-surface),
+    0 0 0 4px var(--color-focus-ring-halo);
+}
+
+.button_e0e07a6eb[data-variant][data-tone="critical"]:focus-visible {
+  box-shadow:
+    0 0 0 2px var(--color-bg-surface),
+    0 0 0 4px var(--color-focus-ring-halo-critical);
+}
+
+/* ===================================
+ * Sizes
+ * =================================== */
+
+.button_e0e07a6eb[data-size="sm"] {
+  height: var(--button-height-sm);
+  padding: 0 var(--button-padding-horizontal-sm);
+  font-size: var(--font-size-sm);
+}
+
+.button_e0e07a6eb[data-size="md"] {
+  height: var(--button-height-md);
+  padding: 0 var(--button-padding-horizontal-md);
+  font-size: var(--font-size-sm);
+}
+
+.button_e0e07a6eb[data-size="lg"] {
+  height: var(--button-height-lg);
+  padding: 0 var(--button-padding-horizontal-lg);
+  font-size: var(--font-size-md);
+}
+
+/* Icon-only (square) */
+.button_e0e07a6eb[data-icon-only="true"][data-size="sm"] {
+  width: var(--button-height-sm);
+  padding: 0;
+}
+
+.button_e0e07a6eb[data-icon-only="true"][data-size="md"] {
+  width: var(--button-height-md);
+  padding: 0;
+}
+
+.button_e0e07a6eb[data-icon-only="true"][data-size="lg"] {
+  width: var(--button-height-lg);
+  padding: 0;
+}
+
+/* ===================================
+ * Solid Variant
+ * =================================== */
+
+/* Primary */
+.button_e0e07a6eb[data-variant="solid"][data-tone="primary"] {
+  background: var(--color-bg-fill-primary);
+  color: var(--color-text-on-primary);
+}
+
+.button_e0e07a6eb[data-variant="solid"][data-tone="primary"]:hover:not(:disabled) {
+  background: var(--color-bg-fill-primary-hover);
+}
+
+.button_e0e07a6eb[data-variant="solid"][data-tone="primary"]:active:not(:disabled) {
+  background: var(--color-bg-fill-primary-active);
+}
+
+/* Neutral */
+.button_e0e07a6eb[data-variant="solid"][data-tone="neutral"] {
+  background: var(--color-bg-surface);
+  color: var(--color-text);
+  border: 1px solid var(--color-border-control);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.button_e0e07a6eb[data-variant="solid"][data-tone="neutral"]:hover:not(:disabled) {
+  border-color: var(--color-border-control-hover);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+}
+
+.button_e0e07a6eb[data-variant="solid"][data-tone="neutral"]:active:not(:disabled) {
+  background: var(--color-bg-neutral-subtle);
+  border-color: var(--color-border-control-active);
+  box-shadow: none;
+}
+
+/* Critical */
+.button_e0e07a6eb[data-variant="solid"][data-tone="critical"] {
+  background: var(--color-bg-fill-critical);
+  color: var(--color-text-on-critical);
+}
+
+.button_e0e07a6eb[data-variant="solid"][data-tone="critical"]:hover:not(:disabled) {
+  background: var(--color-bg-fill-critical-hover);
+}
+
+.button_e0e07a6eb[data-variant="solid"][data-tone="critical"]:active:not(:disabled) {
+  background: var(--color-bg-fill-critical-active);
+}
+
+/* ===================================
+ * Outline Variant
+ * =================================== */
+
+/* Primary */
+.button_e0e07a6eb[data-variant="outline"][data-tone="primary"] {
+  background: transparent;
+  border: 1px solid var(--color-border-primary);
+  color: var(--color-text-primary);
+}
+
+.button_e0e07a6eb[data-variant="outline"][data-tone="primary"]:hover:not(:disabled) {
+  background: var(--color-bg-primary-subtle);
+}
+
+.button_e0e07a6eb[data-variant="outline"][data-tone="primary"]:active:not(:disabled) {
+  background: var(--color-bg-primary-subtle-hover);
+}
+
+/* Neutral */
+.button_e0e07a6eb[data-variant="outline"][data-tone="neutral"] {
+  background: transparent;
+  border: 1px solid var(--color-border-neutral);
+  color: var(--color-text);
+}
+
+.button_e0e07a6eb[data-variant="outline"][data-tone="neutral"]:hover:not(:disabled) {
+  border-color: var(--color-border-control-hover);
+}
+
+.button_e0e07a6eb[data-variant="outline"][data-tone="neutral"]:active:not(:disabled) {
+  background: var(--color-bg-neutral-subtle);
+  border-color: var(--color-border-control-active);
+}
+
+/* Critical */
+.button_e0e07a6eb[data-variant="outline"][data-tone="critical"] {
+  background: transparent;
+  border: 1px solid var(--color-border-critical);
+  color: var(--color-text-critical);
+}
+
+.button_e0e07a6eb[data-variant="outline"][data-tone="critical"]:hover:not(:disabled) {
+  background: var(--color-bg-critical-subtle);
+}
+
+.button_e0e07a6eb[data-variant="outline"][data-tone="critical"]:active:not(:disabled) {
+  background: var(--color-bg-critical-subtle-hover);
+}
+
+/* ===================================
+ * Ghost Variant
+ * =================================== */
+
+/* Primary */
+.button_e0e07a6eb[data-variant="ghost"][data-tone="primary"] {
+  background: transparent;
+  color: var(--color-text-primary);
+}
+
+.button_e0e07a6eb[data-variant="ghost"][data-tone="primary"]:hover:not(:disabled) {
+  background: var(--color-bg-primary-subtle);
+}
+
+.button_e0e07a6eb[data-variant="ghost"][data-tone="primary"]:active:not(:disabled) {
+  background: var(--color-bg-primary-subtle-hover);
+}
+
+/* Neutral */
+.button_e0e07a6eb[data-variant="ghost"][data-tone="neutral"] {
+  background: transparent;
+  color: var(--color-text);
+}
+
+.button_e0e07a6eb[data-variant="ghost"][data-tone="neutral"]:hover:not(:disabled) {
+  background: var(--color-bg-neutral-subtle);
+}
+
+.button_e0e07a6eb[data-variant="ghost"][data-tone="neutral"]:active:not(:disabled) {
+  background: var(--color-bg-neutral-subtle-hover);
+}
+
+/* Critical */
+.button_e0e07a6eb[data-variant="ghost"][data-tone="critical"] {
+  background: transparent;
+  color: var(--color-text-critical);
+}
+
+.button_e0e07a6eb[data-variant="ghost"][data-tone="critical"]:hover:not(:disabled) {
+  background: var(--color-bg-critical-subtle);
+}
+
+.button_e0e07a6eb[data-variant="ghost"][data-tone="critical"]:active:not(:disabled) {
+  background: var(--color-bg-critical-subtle-hover);
+}
+
+/* ===================================
+ * Link Variant
+ * =================================== */
+
+.button_e0e07a6eb[data-variant="link"] {
+  height: auto;
+  padding: 0;
+  background: transparent;
+  border-radius: 0;
+}
+
+/* Primary (also handles neutral fallback) */
+.button_e0e07a6eb[data-variant="link"][data-tone="primary"],
+.button_e0e07a6eb[data-variant="link"][data-tone="neutral"] {
+  color: var(--color-text-primary);
+}
+
+.button_e0e07a6eb[data-variant="link"][data-tone="primary"]:hover:not(:disabled),
+.button_e0e07a6eb[data-variant="link"][data-tone="neutral"]:hover:not(:disabled) {
+  color: var(--color-text-primary-hover, var(--color-text-primary));
+}
+
+/* Critical */
+.button_e0e07a6eb[data-variant="link"][data-tone="critical"] {
+  color: var(--color-text-critical);
+}
+
+.button_e0e07a6eb[data-variant="link"][data-tone="critical"]:hover:not(:disabled) {
+  color: var(--color-text-critical-hover, var(--color-text-critical));
+}
+
+/* ===================================
+ * Pressed State (Toggle buttons)
+ * =================================== */
+
+.button_e0e07a6eb[data-pressed="true"][data-variant="ghost"][data-tone="primary"] {
+  background: var(--color-bg-primary-subtle);
+}
+
+.button_e0e07a6eb[data-pressed="true"][data-variant="ghost"][data-tone="neutral"] {
+  background: var(--color-bg-neutral-subtle);
+}
+
+.button_e0e07a6eb[data-pressed="true"][data-variant="ghost"][data-tone="critical"] {
+  background: var(--color-bg-critical-subtle);
+}
+
+/* ===================================
+ * States
+ * =================================== */
+
+/* Disabled */
+.button_e0e07a6eb:disabled,
+.button_e0e07a6eb[data-disabled="true"] {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+/* Loading */
+.button_e0e07a6eb[data-loading="true"] {
+  cursor: wait;
+  pointer-events: none;
+}
+
+/* Full width */
+.button_e0e07a6eb[data-full-width="true"] {
+  width: 100%;
+}
+
+/* ===================================
+ * Inner Elements
+ * =================================== */
+
+.button-prefix_e0e07a6eb,
+.button-suffix_e0e07a6eb {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.button-label_e0e07a6eb {
+  flex: 1 1 auto;
+  text-box: cap alphabetic; /* Trim font metric whitespace for proper icon alignment */
+}
+
+/* Visually hide label for icon-only buttons (keep for screen readers) */
+.button_e0e07a6eb[data-icon-only="true"] .button-label_e0e07a6eb {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* ===================================
+ * Spinner
+ * =================================== */
+
+.button-spinner_e0e07a6eb {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: var(--radius-full);
+  animation: button-spin__e0e07a6eb 0.6s linear infinite;
+  flex-shrink: 0;
+}
+
+@keyframes button-spin__e0e07a6eb {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/action/button.js

@@ -0,0 +1,50 @@
+import "./button.css"
+import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+;
+
+class Button extends Component {
+  get variant() {
+    return this.args.variant ?? 'solid';
+  }
+  get tone() {
+    return this.args.tone ?? 'neutral';
+  }
+  get size() {
+    return this.args.size ?? 'md';
+  }
+  get buttonType() {
+    return this.args.type ?? 'button';
+  }
+  get isLink() {
+    return !!this.args.href;
+  }
+  get isDisabledOrLoading() {
+    return !!this.args.isDisabled || !!this.args.isLoading;
+  }
+  get ariaPressed() {
+    if (this.args.isPressed === undefined) {
+      return undefined;
+    }
+    return this.args.isPressed ? 'true' : 'false';
+  }
+  handleLinkClick = event => {
+    if (this.isDisabledOrLoading) {
+      event.preventDefault();
+    }
+  };
+  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}}", {
+      strictMode: true,
+      scope: () => ({
+        on
+      })
+    }), this);
+  }
+}
+
+export { Button as default };
+//# sourceMappingURL=button.js.map

package/dist/action/button.js.map

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

package/dist/action/index.js

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

package/dist/action/index.js.map

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

package/dist/action/link-css-2b7265326c02ebb264835b3680b7e81e.css

@@ -0,0 +1,19 @@
+/* <inline>/src/action/link-css-2b7265326c02ebb264835b3680b7e81e.css */
+
+  .link_e4aeb20a2[data-block] {
+    display: block;
+  }
+
+  .link_e4aeb20a2[data-variant="unstyled"] {
+    text-decoration: inherit;
+    color: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    font-family: inherit;
+    font-style: inherit;
+    font-variant: inherit;
+    font-optical-sizing: inherit;
+    font-kerning: inherit;
+    font-feature-settings: inherit;
+  }

package/dist/action/link.js

@@ -0,0 +1,17 @@
+import "./link-css-2b7265326c02ebb264835b3680b7e81e.css"
+import { LinkTo } from '@ember/routing';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+;
+
+const Link = setComponentTemplate(precompileTemplate("\n<LinkTo @route={{@route}} @model={{@model}} class=\"link_e4aeb20a2\" data-block={{if @isBlock \"true\"}} data-variant={{@variant}} ...attributes>\n  {{yield}}\n</LinkTo>", {
+  strictMode: true,
+  scope: () => ({
+    LinkTo
+  })
+}), templateOnly());
+
+export { Link as default };
+//# sourceMappingURL=link.js.map

package/dist/action/link.js.map

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

package/dist/data/index.js

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

package/dist/data/index.js.map

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