@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/components/markdown-editor/index.js

@@ -4249,7 +4249,8 @@ function Dropdown_menu($$anchor, $$props) {
 // src/components/dropdown-item/dropdown-item.svelte
 import"svelte/internal/disclose-version";
 import * as $34 from "svelte/internal/client";
-var root12 = $34.from_html(`<button><!></button>`);
+var root_16 = $34.from_html(`<a><!></a>`);
+var root_32 = $34.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $34.push($$props, true);
   let variant = $34.prop($$props, "variant", 3, "default"), inset = $34.prop($$props, "inset", 3, false), closeOnSelect = $34.prop($$props, "closeOnSelect", 3, true), rest = $34.rest_props($$props, [
@@ -4262,55 +4263,123 @@ function Dropdown_item($$anchor, $$props) {
     "closeOnSelect",
     "class",
     "onclick",
+    "onkeydown",
+    "href",
     "children"
   ]);
   const context = getDropdownContext();
+  const isLink = $34.derived(() => $$props.href !== undefined);
+  const sharedClass = $34.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class));
   function handleClick(event3) {
-    if ($$props.disabled)
+    if ($$props.disabled) {
+      event3.preventDefault();
       return;
+    }
     if (typeof $$props.onclick === "function") {
-      $$props.onclick(event3);
+      if ($34.get(isLink)) {
+        $$props.onclick(event3);
+      } else {
+        $$props.onclick(event3);
+      }
     }
     if (closeOnSelect()) {
       context.close();
     }
   }
-  var button = root12();
-  $34.attribute_effect(button, ($0) => ({
-    ...rest,
-    type: "button",
-    role: "menuitem",
-    class: $0,
-    "data-cinder-variant": variant(),
-    tabindex: -1,
-    "data-disabled": $$props.disabled ? "" : undefined,
-    "aria-disabled": $$props.disabled ? "true" : undefined,
-    onclick: handleClick
-  }), [
-    () => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class)
-  ]);
-  var node = $34.child(button);
+  function handleAnchorKeydown(event3) {
+    if (typeof $$props.onkeydown === "function") {
+      $$props.onkeydown(event3);
+    }
+    if (event3.defaultPrevented)
+      return;
+    if (event3.key !== " " && event3.key !== "Spacebar")
+      return;
+    event3.preventDefault();
+    if ($$props.disabled)
+      return;
+    event3.currentTarget.click();
+  }
+  const anchorAttributes = rest;
+  const buttonAttributes = rest;
+  const buttonType = $34.derived(() => $$props.type ?? "button");
+  var fragment = $34.comment();
+  var node = $34.first_child(fragment);
   {
-    var consequent = ($$anchor2) => {
-      var fragment = $34.comment();
-      var node_1 = $34.first_child(fragment);
-      $34.snippet(node_1, () => $$props.children);
-      $34.append($$anchor2, fragment);
+    var consequent_1 = ($$anchor2) => {
+      var a = root_16();
+      $34.attribute_effect(a, () => ({
+        ...anchorAttributes,
+        href: $$props.href,
+        role: "menuitem",
+        class: $34.get(sharedClass),
+        "data-cinder-variant": variant(),
+        tabindex: -1,
+        "data-disabled": $$props.disabled ? "" : undefined,
+        "aria-disabled": $$props.disabled ? "true" : undefined,
+        onclick: handleClick,
+        onkeydown: handleAnchorKeydown
+      }));
+      var node_1 = $34.child(a);
+      {
+        var consequent = ($$anchor3) => {
+          var fragment_1 = $34.comment();
+          var node_2 = $34.first_child(fragment_1);
+          $34.snippet(node_2, () => $$props.children);
+          $34.append($$anchor3, fragment_1);
+        };
+        $34.if(node_1, ($$render) => {
+          if ($$props.children)
+            $$render(consequent);
+        });
+      }
+      $34.reset(a);
+      $34.append($$anchor2, a);
+    };
+    var alternate = ($$anchor2) => {
+      var button = root_32();
+      $34.attribute_effect(button, () => ({
+        ...buttonAttributes,
+        type: $34.get(buttonType),
+        role: "menuitem",
+        class: $34.get(sharedClass),
+        "data-cinder-variant": variant(),
+        tabindex: -1,
+        "data-disabled": $$props.disabled ? "" : undefined,
+        "aria-disabled": $$props.disabled ? "true" : undefined,
+        onclick: handleClick,
+        onkeydown: $$props.onkeydown
+      }));
+      var node_3 = $34.child(button);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var fragment_2 = $34.comment();
+          var node_4 = $34.first_child(fragment_2);
+          $34.snippet(node_4, () => $$props.children);
+          $34.append($$anchor3, fragment_2);
+        };
+        $34.if(node_3, ($$render) => {
+          if ($$props.children)
+            $$render(consequent_2);
+        });
+      }
+      $34.reset(button);
+      $34.append($$anchor2, button);
     };
     $34.if(node, ($$render) => {
-      if ($$props.children)
-        $$render(consequent);
+      if ($34.get(isLink))
+        $$render(consequent_1);
+      else
+        $$render(alternate, -1);
     });
   }
-  $34.reset(button);
-  $34.append($$anchor, button);
+  $34.append($$anchor, fragment);
   $34.pop();
 }
 
 // src/components/markdown-editor/editor-toolbar/toolbar-dropdown.svelte
 var root_23 = $35.from_html(`<!> <span class="toolbar-dropdown-label svelte-1v28aut"> </span>`, 1);
 var root_6 = $35.from_html(`<!> <span class="dropdown-item-label svelte-1v28aut"> </span> <!>`, 1);
-var root_16 = $35.from_html(`<!> <!>`, 1);
+var root_17 = $35.from_html(`<!> <!>`, 1);
 function Toolbar_dropdown($$anchor, $$props) {
   $35.push($$props, true);
   let disabled = $35.prop($$props, "disabled", 3, false);
@@ -4323,7 +4392,7 @@ function Toolbar_dropdown($$anchor, $$props) {
       return $$props.id;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_16();
+      var fragment_1 = root_17();
       var node = $35.first_child(fragment_1);
       {
         let $0 = $35.derived(() => classNames("toolbar-dropdown-trigger", $$props.class));
@@ -4417,7 +4486,7 @@ function Toolbar_dropdown($$anchor, $$props) {
 
 // src/components/markdown-editor/editor-toolbar/editor-toolbar.svelte
 var root_24 = $36.from_html(`<div class="toolbar-spacer svelte-1m9m099"></div> <!>`, 1);
-var root_17 = $36.from_html(`<div class="toolbar-group svelte-1m9m099" role="group" aria-label="History"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block type"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Text formatting"><!> <!> <!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Links"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Lists"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block operations"><!></div> <!>`, 1);
+var root_18 = $36.from_html(`<div class="toolbar-group svelte-1m9m099" role="group" aria-label="History"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block type"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Text formatting"><!> <!> <!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Links"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Lists"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block operations"><!></div> <!>`, 1);
 function Editor_toolbar($$anchor, $$props) {
   $36.push($$props, true);
   let canUndo = $36.prop($$props, "canUndo", 3, false), canRedo = $36.prop($$props, "canRedo", 3, false), disabled = $36.prop($$props, "disabled", 3, false), rest = $36.rest_props($$props, [
@@ -4537,7 +4606,7 @@ function Editor_toolbar($$anchor, $$props) {
       }
     }, () => rest, {
       children: ($$anchor2, $$slotProps) => {
-        var fragment_1 = root_17();
+        var fragment_1 = root_18();
         var div = $36.first_child(fragment_1);
         var node = $36.child(div);
         {
@@ -4826,15 +4895,15 @@ import * as $37 from "svelte/internal/client";
 var root_25 = $37.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
 var root_4 = $37.from_html(`<span class="cinder-sr-only"> </span>`);
 var root_52 = $37.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_32 = $37.from_html(`<!> <!>`, 1);
+var root_33 = $37.from_html(`<!> <!>`, 1);
 var root_8 = $37.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_18 = $37.from_html(`<!> <!> <!>`, 1);
+var root_19 = $37.from_html(`<!> <!> <!>`, 1);
 var root_9 = $37.from_html(`<a><!></a>`);
 var root_10 = $37.from_html(`<button><!></button>`);
 function Button($$anchor, $$props) {
   $37.push($$props, true);
   const buttonContent = ($$anchor2) => {
-    var fragment = root_18();
+    var fragment = root_19();
     var node = $37.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
@@ -4852,7 +4921,7 @@ function Button($$anchor, $$props) {
     var node_2 = $37.sibling(node, 2);
     {
       var consequent_3 = ($$anchor3) => {
-        var fragment_1 = root_32();
+        var fragment_1 = root_33();
         var node_3 = $37.first_child(fragment_1);
         {
           var consequent_1 = ($$anchor4) => {
@@ -4938,7 +5007,10 @@ function Button($$anchor, $$props) {
     "aria-disabled",
     "aria-busy",
     "aria-label",
-    "aria-labelledby"
+    "aria-labelledby",
+    "aria-expanded",
+    "aria-controls",
+    "aria-haspopup"
   ]);
   const mergedClassName = $37.derived(() => classNames("cinder-button", $$props.class));
   const dataAttributes = $37.derived(() => ({
@@ -4996,6 +5068,9 @@ function Button($$anchor, $$props) {
         "aria-busy": $37.get(resolvedAriaBusy),
         "aria-label": $37.get(resolvedAriaLabel),
         "aria-labelledby": $37.get(resolvedAriaLabelledBy),
+        "aria-expanded": $$props["aria-expanded"],
+        "aria-controls": $$props["aria-controls"],
+        "aria-haspopup": $$props["aria-haspopup"],
         onclick: handleClick
       }));
       var node_10 = $37.child(a);
@@ -5015,6 +5090,9 @@ function Button($$anchor, $$props) {
         "aria-busy": $37.get(resolvedAriaBusy),
         "aria-label": $37.get(resolvedAriaLabel),
         "aria-labelledby": $37.get(resolvedAriaLabelledBy),
+        "aria-expanded": $$props["aria-expanded"],
+        "aria-controls": $$props["aria-controls"],
+        "aria-haspopup": $$props["aria-haspopup"],
         onclick: handleClick
       }));
       var node_11 = $37.child(button);
@@ -5098,19 +5176,19 @@ var getFormFieldContext = optionalContext(getFormFieldContextStrict);
 
 // src/components/input/input.svelte
 var calendarIcon = ($$anchor) => {
-  var svg = root_19();
+  var svg = root_110();
   $38.append($$anchor, svg);
 };
-var root_19 = $38.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
+var root_110 = $38.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
 var root_26 = $38.from_html(`<input/>`);
-var root_33 = $38.from_html(`<label class="cinder-input-field__label"> </label>`);
+var root_34 = $38.from_html(`<label class="cinder-input-field__label"> </label>`);
 var root_53 = $38.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
 var root_62 = $38.from_html(`<span class="cinder-input-group__trailing cinder-_truncate"><!></span>`);
 var root_7 = $38.from_html(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true"><!></span>`);
 var root_42 = $38.from_html(`<div class="cinder-input-group"><!> <!> <!></div>`);
 var root_92 = $38.from_html(`<p class="cinder-input-field__description"> </p>`);
 var root_102 = $38.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
-var root13 = $38.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div>`);
+var root12 = $38.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div>`);
 function Input($$anchor, $$props) {
   $38.push($$props, true);
   const inputElement = ($$anchor2) => {
@@ -5169,11 +5247,11 @@ function Input($$anchor, $$props) {
   const hasTrailing = $38.derived(() => !!$$props.trailing || $38.get(isNativeDateInput));
   const hasGroupWrapper = $38.derived(() => !!$$props.leading || $38.get(hasTrailing));
   const isInvalid = $38.derived(() => $38.get(resolvedAriaInvalid) === "true" || $38.get(resolvedAriaInvalid) === true);
-  var div = root13();
+  var div = root12();
   var node = $38.child(div);
   {
     var consequent = ($$anchor2) => {
-      var label_1 = root_33();
+      var label_1 = root_34();
       var text2 = $38.child(label_1, true);
       $38.reset(label_1);
       $38.template_effect(() => {
@@ -5353,8 +5431,8 @@ function X($$anchor, $$props) {
   }));
 }
 // src/components/markdown-editor/editor-toolbar/link-popover.svelte
-var root_34 = $41.from_html(`<!> Remove`, 1);
-var root14 = $41.from_html(`<div role="dialog" aria-modal="true" tabindex="-1"><header class="link-popover-header svelte-13b14j2"><h2 class="link-popover-title svelte-13b14j2"><!> </h2> <button type="button" class="link-popover-close svelte-13b14j2" aria-label="Close"><!></button></header> <div class="link-popover-content svelte-13b14j2"><!> <!></div> <footer class="link-popover-footer svelte-13b14j2"><div class="link-popover-actions svelte-13b14j2"><!></div> <div class="link-popover-primary-actions svelte-13b14j2"><!> <!></div></footer></div>`);
+var root_35 = $41.from_html(`<!> Remove`, 1);
+var root13 = $41.from_html(`<div role="dialog" aria-modal="true" tabindex="-1"><header class="link-popover-header svelte-13b14j2"><h2 class="link-popover-title svelte-13b14j2"><!> </h2> <button type="button" class="link-popover-close svelte-13b14j2" aria-label="Close"><!></button></header> <div class="link-popover-content svelte-13b14j2"><!> <!></div> <footer class="link-popover-footer svelte-13b14j2"><div class="link-popover-actions svelte-13b14j2"><!></div> <div class="link-popover-primary-actions svelte-13b14j2"><!> <!></div></footer></div>`);
 function Link_popover($$anchor, $$props) {
   $41.push($$props, true);
   let mode = $41.prop($$props, "mode", 3, "insert"), initialUrl = $41.prop($$props, "initialUrl", 3, ""), initialText = $41.prop($$props, "initialText", 3, ""), hasSelection = $41.prop($$props, "hasSelection", 3, false), anchorElement = $41.prop($$props, "anchorElement", 3, null);
@@ -5433,7 +5511,7 @@ function Link_popover($$anchor, $$props) {
   function handleRemove() {
     $$props.onremove?.();
   }
-  var div = root14();
+  var div = root13();
   var header = $41.child(div);
   var h2 = $41.child(header);
   var node = $41.child(h2);
@@ -5506,7 +5584,7 @@ function Link_popover($$anchor, $$props) {
         size: "sm",
         onclick: handleRemove,
         children: ($$anchor3, $$slotProps) => {
-          var fragment_2 = root_34();
+          var fragment_2 = root_35();
           var node_5 = $41.first_child(fragment_2);
           Unlink(node_5, { class: "icon-sm" });
           $41.next();
@@ -5586,10 +5664,10 @@ var root_43 = $42.from_html(`<div class="toolbar-leading svelte-1mxvqjb"><!></di
 var root_54 = $42.from_html(`<div class="toolbar-actions svelte-1mxvqjb"><!></div>`);
 var root_72 = $42.from_html(`<!> <!>`, 1);
 var root_63 = $42.from_html(`<div class="toolbar-mode-toggle svelte-1mxvqjb"><!></div>`);
-var root_35 = $42.from_html(`<div class="editor-toolbar-wrapper svelte-1mxvqjb"><!> <!> <!> <!></div>`);
+var root_36 = $42.from_html(`<div class="editor-toolbar-wrapper svelte-1mxvqjb"><!> <!> <!> <!></div>`);
 var root_11 = $42.from_html(`<div class="cinder-markdown-content prose markdown-editor surface svelte-1mxvqjb" role="application" tabindex="0"></div>`);
 var root_122 = $42.from_html(`<textarea class="markdown-editor surface source-mode svelte-1mxvqjb"></textarea>`);
-var root15 = $42.from_html(`<div><!> <!> <!></div>`);
+var root14 = $42.from_html(`<div><!> <!> <!></div>`);
 function Markdown_editor($$anchor, $$props) {
   $42.push($$props, true);
   let label = $42.prop($$props, "label", 3, "Markdown editor"), value = $42.prop($$props, "value", 15, ""), mode = $42.prop($$props, "mode", 15, "wysiwyg"), showModeToggle = $42.prop($$props, "showModeToggle", 3, false), modeLabel = $42.prop($$props, "modeLabel", 3, "Editor mode"), readonly = $42.prop($$props, "readonly", 3, false), placeholder = $42.prop($$props, "placeholder", 3, "Start writing..."), showToolbar = $42.prop($$props, "showToolbar", 3, true), plugins = $42.prop($$props, "plugins", 19, () => []), snapshotMode = $42.prop($$props, "snapshotMode", 3, false), rest = $42.rest_props($$props, [
@@ -6012,7 +6090,7 @@ function Markdown_editor($$anchor, $$props) {
     getView,
     getEditor
   };
-  var div = root15();
+  var div = root14();
   $42.attribute_effect(div, ($0) => ({
     class: $0,
     "data-initializing": $42.get(isInitializing) || undefined,
@@ -6035,7 +6113,7 @@ function Markdown_editor($$anchor, $$props) {
           $42.append($$anchor3, fragment_1);
         };
         var alternate = ($$anchor3) => {
-          var div_1 = root_35();
+          var div_1 = root_36();
           var node_3 = $42.child(div_1);
           {
             var consequent_1 = ($$anchor4) => {
@@ -6275,4 +6353,4 @@ export {
   Markdown_editor as MarkdownEditor
 };
 
-//# debugId=CAD4F8ED2E88575764756E2164756E21
+//# debugId=4164257FAC37939764756E2164756E21

package/dist/components/matrix-chart/index.d.ts

@@ -0,0 +1,5 @@
+import './matrix-chart.css';
+import MatrixChart from './matrix-chart.svelte';
+export default MatrixChart;
+export type { MatrixChartProps, MatrixChartSchemaProps, MatrixColorScale, } from './matrix-chart.types.ts';
+export { MatrixChart };