@cruglobal/cornerstone-components 0.1.0

package/dist/bundled/chunks/chunk.AHJQ4242.js

@@ -0,0 +1,245 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.MZHGFMA5.js";
+
+// src/components/input/input.styles.ts
+var input_styles_default = i`
+  :host {
+    border-width: 0;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  .text-field {
+    display: flex;
+    align-items: stretch;
+    justify-content: start;
+    position: relative;
+    transition: inherit;
+    height: var(--cs-form-control-height);
+    border-color: var(--cs-form-control-border-color);
+    border-radius: var(--cs-form-control-border-radius);
+    border-style: var(--cs-form-control-border-style);
+    border-width: var(--cs-form-control-border-width);
+    cursor: text;
+    color: var(--cs-form-control-value-color);
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: var(--cs-form-control-value-font-weight);
+    line-height: var(--cs-form-control-value-line-height);
+    vertical-align: middle;
+    width: 100%;
+    transition:
+      background-color var(--cs-transition-normal),
+      border-color var(--cs-transition-normal),
+      outline-color var(--cs-transition-fast);
+    transition-timing-function: var(--cs-transition-easing);
+    background-color: var(--cs-form-control-background-color);
+    box-shadow: var(--box-shadow);
+    padding: 0 var(--cs-form-control-padding-inline);
+    outline: var(--cs-focus-ring-style) var(--cs-focus-ring-width) transparent;
+    outline-offset: var(--cs-focus-ring-offset);
+
+    &:focus-within {
+      outline-color: var(--cs-color-focus);
+    }
+
+    /* Style disabled inputs */
+    &:has(:disabled) {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+  }
+
+  /* Appearance modifiers */
+  :host([appearance='outlined']) .text-field {
+    background-color: var(--cs-form-control-background-color);
+    border-color: var(--cs-form-control-border-color);
+  }
+
+  :host([appearance='filled']) .text-field {
+    background-color: var(--cs-color-neutral-fill-quiet);
+    border-color: var(--cs-color-neutral-fill-quiet);
+  }
+
+  :host([appearance='filled-outlined']) .text-field {
+    background-color: var(--cs-color-neutral-fill-quiet);
+    border-color: var(--cs-form-control-border-color);
+  }
+
+  :host([pill]) .text-field {
+    border-radius: var(--cs-border-radius-pill) !important;
+  }
+
+  .text-field {
+    /* Show autofill styles over the entire text field, not just the native <input> */
+    &:has(:autofill),
+    &:has(:-webkit-autofill) {
+      background-color: var(--cs-color-brand-fill-quiet) !important;
+    }
+
+    input,
+    textarea {
+      /*
+      Fixes an alignment issue with placeholders.
+      https://github.com/shoelace-style/webawesome/issues/342
+    */
+      height: 100%;
+
+      padding: 0;
+      border: none;
+      outline: none;
+      box-shadow: none;
+      margin: 0;
+      cursor: inherit;
+      -webkit-appearance: none;
+      font: inherit;
+
+      /* Turn off Safari's autofill styles */
+      &:-webkit-autofill,
+      &:-webkit-autofill:hover,
+      &:-webkit-autofill:focus,
+      &:-webkit-autofill:active {
+        -webkit-background-clip: text;
+        background-color: transparent;
+        -webkit-text-fill-color: inherit;
+      }
+    }
+  }
+
+  input {
+    flex: 1 1 auto;
+    min-width: 0;
+    height: 100%;
+    transition: inherit;
+
+    /* prettier-ignore */
+    background-color: rgb(118 118 118 / 0); /* ensures proper placeholder styles in webkit's date input */
+    height: calc(var(--cs-form-control-height) - var(--border-width) * 2);
+    padding-block: 0;
+    color: inherit;
+
+    &:autofill {
+      &,
+      &:hover,
+      &:focus,
+      &:active {
+        box-shadow: none;
+        caret-color: var(--cs-form-control-value-color);
+      }
+    }
+
+    &::placeholder {
+      color: var(--cs-form-control-placeholder-color);
+      user-select: none;
+      -webkit-user-select: none;
+    }
+
+    &::-webkit-search-decoration,
+    &::-webkit-search-cancel-button,
+    &::-webkit-search-results-button,
+    &::-webkit-search-results-decoration {
+      -webkit-appearance: none;
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  textarea {
+    &:autofill {
+      &,
+      &:hover,
+      &:focus,
+      &:active {
+        box-shadow: none;
+        caret-color: var(--cs-form-control-value-color);
+      }
+    }
+
+    &::placeholder {
+      color: var(--cs-form-control-placeholder-color);
+      user-select: none;
+      -webkit-user-select: none;
+    }
+  }
+
+  .start,
+  .end {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+
+    &::slotted(cs-icon) {
+      color: var(--cs-color-neutral-on-quiet);
+    }
+  }
+
+  /* These are !important because a document-level universal margin reset would otherwise beat them:
+     a slotted element belongs to the outer tree. See callout.styles.ts for the full note. */
+  .start::slotted(*) {
+    margin-inline-end: var(--cs-form-control-padding-inline) !important;
+  }
+
+  .end::slotted(*) {
+    margin-inline-start: var(--cs-form-control-padding-inline) !important;
+  }
+
+  /*
+   * Clearable + Password Toggle
+   */
+
+  .clear,
+  .password-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--cs-color-neutral-on-quiet);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--cs-transition-normal) color;
+    cursor: pointer;
+    margin-inline-start: var(--cs-form-control-padding-inline);
+
+    @media (hover: hover) {
+      &:hover {
+        color: color-mix(in oklab, currentColor, var(--cs-color-mix-hover));
+      }
+    }
+
+    &:active {
+      color: color-mix(in oklab, currentColor, var(--cs-color-mix-active));
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  /* Don't show the browser's password toggle in Edge */
+  ::-ms-reveal {
+    display: none;
+  }
+
+  /* Hide the built-in number spinner */
+  :host([without-spin-buttons]) input[type='number'] {
+    -moz-appearance: textfield;
+
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      display: none;
+    }
+  }
+`;
+
+export {
+  input_styles_default
+};

package/dist/bundled/chunks/chunk.ALHQDF3Q.js

@@ -0,0 +1,118 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsMutationEvent
+} from "./chunk.DM7SWWJJ.js";
+import {
+  mutation_observer_styles_default
+} from "./chunk.ASMIK33G.js";
+import {
+  watch
+} from "./chunk.3QOMHIHS.js";
+import {
+  CornerstoneElement,
+  customElement,
+  n
+} from "./chunk.RSRMXC3L.js";
+import {
+  b
+} from "./chunk.XOXMMJPV.js";
+import {
+  __decorateClass
+} from "./chunk.UEAH232U.js";
+
+// src/components/mutation-observer/mutation-observer.ts
+var CsMutationObserver = class extends CornerstoneElement {
+  constructor() {
+    super(...arguments);
+    this.attrOldValue = false;
+    this.charData = false;
+    this.charDataOldValue = false;
+    this.childList = false;
+    this.disabled = false;
+    this.handleMutation = (mutationList) => {
+      this.dispatchEvent(new CsMutationEvent({ mutationList }));
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (typeof MutationObserver !== "undefined") {
+      this.mutationObserver = new MutationObserver(this.handleMutation);
+      if (!this.disabled) {
+        this.startObserver();
+      }
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.stopObserver();
+  }
+  startObserver() {
+    const observeAttributes = typeof this.attr === "string" && this.attr.length > 0;
+    const attributeFilter = observeAttributes && this.attr !== "*" ? this.attr.split(" ") : void 0;
+    try {
+      this.mutationObserver.observe(this, {
+        subtree: true,
+        childList: this.childList,
+        attributes: observeAttributes,
+        attributeFilter,
+        attributeOldValue: this.attrOldValue,
+        characterData: this.charData,
+        characterDataOldValue: this.charDataOldValue
+      });
+    } catch {
+    }
+  }
+  stopObserver() {
+    this.mutationObserver.disconnect();
+  }
+  handleDisabledChange() {
+    if (this.disabled) {
+      this.stopObserver();
+    } else {
+      this.startObserver();
+    }
+  }
+  handleChange() {
+    this.stopObserver();
+    this.startObserver();
+  }
+  render() {
+    return b` <slot></slot> `;
+  }
+};
+CsMutationObserver.css = mutation_observer_styles_default;
+__decorateClass([
+  n({ reflect: true })
+], CsMutationObserver.prototype, "attr", 2);
+__decorateClass([
+  n({ attribute: "attr-old-value", type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "attrOldValue", 2);
+__decorateClass([
+  n({ attribute: "char-data", type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "charData", 2);
+__decorateClass([
+  n({ attribute: "char-data-old-value", type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "charDataOldValue", 2);
+__decorateClass([
+  n({ attribute: "child-list", type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "childList", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "disabled", 2);
+__decorateClass([
+  watch("disabled")
+], CsMutationObserver.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch("attr", { waitUntilFirstUpdate: true }),
+  watch("attr-old-value", { waitUntilFirstUpdate: true }),
+  watch("char-data", { waitUntilFirstUpdate: true }),
+  watch("char-data-old-value", { waitUntilFirstUpdate: true }),
+  watch("childList", { waitUntilFirstUpdate: true })
+], CsMutationObserver.prototype, "handleChange", 1);
+CsMutationObserver = __decorateClass([
+  customElement("cs-mutation-observer")
+], CsMutationObserver);
+
+export {
+  CsMutationObserver
+};

package/dist/bundled/chunks/chunk.AR4RUWGG.js

@@ -0,0 +1,169 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.MZHGFMA5.js";
+
+// src/components/tree-item/tree-item.styles.ts
+var tree_item_styles_default = i`
+  :host {
+    /* Private - set by the component to control indentation depth */
+    --indent: 0px;
+    --show-duration: var(--cs-transition-normal);
+    --hide-duration: var(--cs-transition-normal);
+
+    display: block;
+    color: var(--cs-color-text-normal);
+    outline: 0;
+    z-index: 0;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  /* These are !important because a document-level universal margin reset would otherwise beat them:
+     a slotted element belongs to the outer tree. See callout.styles.ts for the full note. */
+  slot:not([name])::slotted(cs-icon) {
+    margin-inline-end: 0.5em !important;
+  }
+
+  .tree-item {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    flex-direction: column;
+    cursor: default;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .checkbox {
+    line-height: var(--cs-form-control-value-line-height);
+    pointer-events: none;
+  }
+
+  .expand-button,
+  .checkbox,
+  .label {
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+
+  .checkbox::part(checkbox) {
+    display: flex;
+    align-items: center;
+  }
+
+  .indentation {
+    display: block;
+    width: var(--indent);
+    flex-shrink: 0;
+  }
+
+  .expand-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--cs-color-text-quiet);
+    width: 2em;
+    height: 2em;
+    flex-shrink: 0;
+    cursor: pointer;
+  }
+
+  .expand-button {
+    transition: rotate var(--cs-transition-normal) var(--cs-transition-easing);
+  }
+
+  .tree-item-expanded .expand-button {
+    rotate: 90deg;
+  }
+
+  .tree-item-expanded:dir(rtl) .expand-button {
+    rotate: -90deg;
+  }
+
+  .tree-item-expanded:not(.tree-item-loading) slot[name='expand-icon'],
+  .tree-item:not(.tree-item-expanded) slot[name='collapse-icon'] {
+    display: none;
+  }
+
+  .tree-item:not(.tree-item-has-expand-button):not(.tree-item-loading) .expand-icon-slot {
+    display: none;
+  }
+
+  .tree-item:not(.tree-item-has-expand-button):not(.tree-item-loading) .expand-button {
+    cursor: default;
+  }
+
+  .tree-item-loading .expand-icon-slot cs-icon {
+    display: none;
+  }
+
+  .expand-button-visible {
+    cursor: pointer;
+  }
+
+  .item {
+    display: flex;
+    align-items: center;
+    border-inline-start: solid 0.1875em transparent;
+  }
+
+  :host([disabled]) .item {
+    opacity: 0.5;
+    outline: none;
+    cursor: not-allowed;
+  }
+
+  :host(:focus-visible) .item {
+    outline: var(--cs-focus-ring);
+    outline-offset: var(--cs-focus-ring-offset);
+    z-index: 2;
+  }
+
+  :host(:not([aria-disabled='true'])) .tree-item-selected .item {
+    background-color: var(--cs-color-neutral-fill-quiet);
+    border-inline-start-color: var(--cs-color-brand-fill-loud);
+  }
+
+  :host(:not([aria-disabled='true'])) .expand-button {
+    color: var(--cs-color-text-quiet);
+  }
+
+  .label {
+    display: flex;
+    align-items: center;
+    transition: color var(--cs-transition-normal) var(--cs-transition-easing);
+  }
+
+  .children {
+    display: block;
+  }
+
+  /* Indentation lines */
+  .children {
+    position: relative;
+  }
+
+  .children::before {
+    content: '';
+    position: absolute;
+    top: var(--indent-guide-offset);
+    bottom: var(--indent-guide-offset);
+    inset-inline-start: calc(0.1875em + var(--indent) + 1em - (var(--indent-guide-width) / 2));
+    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);
+    z-index: 1;
+  }
+
+  @media (forced-colors: active) {
+    :host(:not([aria-disabled='true'])) .tree-item-selected .item {
+      outline: dashed 1px SelectedItem;
+    }
+  }
+`;
+
+export {
+  tree_item_styles_default
+};

package/dist/bundled/chunks/chunk.ASMIK33G.js

@@ -0,0 +1,15 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.MZHGFMA5.js";
+
+// src/components/mutation-observer/mutation-observer.styles.ts
+var mutation_observer_styles_default = i`
+  :host {
+    display: contents;
+  }
+`;
+
+export {
+  mutation_observer_styles_default
+};

package/dist/bundled/chunks/chunk.AVPP7AM7.js

@@ -0,0 +1,27 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.7IWYAIV2.js";
+import {
+  CsFormatBytes
+} from "./chunk.GSIRCGUE.js";
+import {
+  __toESM
+} from "./chunk.UEAH232U.js";
+
+// src/react/format-bytes/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-format-bytes";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsFormatBytes,
+  react: React,
+  events: {},
+  displayName: "CsFormatBytes"
+});
+var format_bytes_default = reactWrapper;
+
+export {
+  format_bytes_default
+};

package/dist/bundled/chunks/chunk.B3ZA5Q3S.js

@@ -0,0 +1,27 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.7IWYAIV2.js";
+import {
+  CsDivider
+} from "./chunk.UHATJN6C.js";
+import {
+  __toESM
+} from "./chunk.UEAH232U.js";
+
+// src/react/divider/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-divider";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsDivider,
+  react: React,
+  events: {},
+  displayName: "CsDivider"
+});
+var divider_default = reactWrapper;
+
+export {
+  divider_default
+};

package/dist/bundled/chunks/chunk.BDPKRA7V.js

@@ -0,0 +1,27 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.7IWYAIV2.js";
+import {
+  CsRelativeTime
+} from "./chunk.H6HOECHG.js";
+import {
+  __toESM
+} from "./chunk.UEAH232U.js";
+
+// src/react/relative-time/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-relative-time";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsRelativeTime,
+  react: React,
+  events: {},
+  displayName: "CsRelativeTime"
+});
+var relative_time_default = reactWrapper;
+
+export {
+  relative_time_default
+};

package/dist/bundled/chunks/chunk.BGW4B7ME.js

@@ -0,0 +1,32 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+
+// src/components/known-date/internal/field-order.ts
+var orderCache = /* @__PURE__ */ new Map();
+function localeFieldOrder(locale) {
+  const key = locale || "en";
+  const cached = orderCache.get(key);
+  if (cached) {
+    return cached;
+  }
+  const formatter = new Intl.DateTimeFormat(key, {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    calendar: "gregory",
+    numberingSystem: "latn"
+  });
+  const parts = formatter.formatToParts(new Date(2026, 0, 23));
+  const order = [];
+  for (const part of parts) {
+    if (part.type === "year" || part.type === "month" || part.type === "day") {
+      order.push(part.type);
+    }
+  }
+  const resolved = order.length === 3 ? order : ["month", "day", "year"];
+  orderCache.set(key, resolved);
+  return resolved;
+}
+
+export {
+  localeFieldOrder
+};