@lostgradient/cinder 0.4.0 → 0.5.0

package/dist/server/index.server-rqe5bqgm.js

@@ -0,0 +1,37 @@
+import {
+  Icon
+} from "./index.server-s4ynjgep.js";
+
+// ../../node_modules/lucide-svelte/dist/icons/file-code.svelte
+import * as $ from "svelte/internal/server";
+function File_code($$renderer, $$props) {
+  const $$sanitized_props = $.sanitize_props($$props);
+  const iconNode = [
+    ["path", { d: "M10 12.5 8 15l2 2.5" }],
+    ["path", { d: "m14 12.5 2 2.5-2 2.5" }],
+    ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }],
+    [
+      "path",
+      {
+        d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"
+      }
+    ]
+  ];
+  Icon($$renderer, $.spread_props([
+    { name: "file-code" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+
+export { File_code };
+
+//# debugId=D500C779F923382864756E2164756E21

package/dist/server/index.server-rsqa7q4a.js

@@ -0,0 +1,90 @@
+import {
+  setFormFieldContext
+} from "./index.server-weae7gs2.js";
+import {
+  ariaInvalid,
+  composeDescribedBy,
+  describeId,
+  errorId
+} from "./index.server-abm21gz1.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/form-field/form-field.svelte
+import * as $ from "svelte/internal/server";
+function Form_field($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      label,
+      description,
+      error,
+      required = false,
+      disabled = false,
+      class: className,
+      children
+    } = $$props;
+    const labelId = $.derived(() => `${id}-label`);
+    const descriptionId = $.derived(() => describeId(id, !!description));
+    const errorId2 = $.derived(() => errorId(id, !!error));
+    const describedBy = $.derived(() => composeDescribedBy(descriptionId(), errorId2()));
+    const invalid = $.derived(() => ariaInvalid(!!error));
+    setFormFieldContext({
+      get controlId() {
+        return id;
+      },
+      get labelId() {
+        return labelId();
+      },
+      get describedBy() {
+        return describedBy();
+      },
+      get descriptionId() {
+        return descriptionId();
+      },
+      get errorId() {
+        return errorId2();
+      },
+      get invalid() {
+        return invalid();
+      },
+      get required() {
+        return required;
+      },
+      get disabled() {
+        return disabled;
+      }
+    });
+    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-form-field", className)))}><label${$.attr("id", labelId())}${$.attr("for", id)} class="cinder-form-field__label"${$.attr("data-disabled", disabled || undefined)}>${$.escape(label)} `);
+    if (required) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></label> `);
+    children($$renderer2);
+    $$renderer2.push(`<!----> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", descriptionId())} class="cinder-form-field__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", errorId2())} class="cinder-form-field__error" aria-live="polite">${$.escape(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  }, Form_field);
+}
+
+// src/components/form-field/index.ts
+var form_field_default = Form_field;
+export { Form_field, form_field_default };
+
+//# debugId=586B9CD9937BD6E064756E2164756E21

package/dist/server/index.server-rtk7fhjy.js

@@ -0,0 +1,150 @@
+import {
+  ariaInvalid,
+  composeDescribedBy,
+  describeId,
+  errorId
+} from "./index.server-abm21gz1.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/_radio/radio.svelte
+import * as $ from "svelte/internal/server";
+
+// src/components/radio-group/radio-group-context.ts
+import { createContext } from "svelte";
+var [getRadioGroupContextStrict, setRadioGroupContext] = createContext();
+var getRadioGroupContext = getRadioGroupContextStrict;
+
+// src/components/_radio/radio.svelte
+function Radio($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      value,
+      label,
+      description,
+      disabled,
+      class: className,
+      "aria-describedby": consumerAriaDescribedBy,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const group = getRadioGroupContext();
+    const checked = $.derived(() => group.value === value);
+    const effectiveDisabled = $.derived(() => disabled ?? group.disabled);
+    const descriptionId = $.derived(() => describeId(id, !!description));
+    const describedBy = $.derived(() => composeDescribedBy(descriptionId(), consumerAriaDescribedBy));
+    function handleChange() {
+      if (effectiveDisabled())
+        return;
+      group.select(value);
+    }
+    $$renderer2.push(`<div class="cinder-radio-row"${$.attr("data-checked", checked() || undefined)}${$.attr("data-disabled", effectiveDisabled() || undefined)}${$.attr("data-invalid", group.invalid || undefined)}${$.attr("data-has-description", description ? "" : undefined)}><span class="cinder-radio-row__control"><input${$.attributes({
+      id,
+      type: "radio",
+      name: group.name,
+      value,
+      checked: checked(),
+      disabled: effectiveDisabled(),
+      required: group.required || undefined,
+      "aria-invalid": ariaInvalid(group.invalid),
+      class: $.clsx(classNames("cinder-radio", className)),
+      ...rest,
+      "aria-describedby": describedBy()
+    }, undefined, undefined, undefined, 4)}/> <span class="cinder-radio-row__indicator" aria-hidden="true"></span></span> <label${$.attr("for", id)} class="cinder-radio-row__label"${$.attr("data-disabled", effectiveDisabled() || undefined)}>${$.escape(label)}</label> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", `${$.stringify(id)}-description`)} class="cinder-radio-row__description"${$.attr("data-disabled", effectiveDisabled() || undefined)}>${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  }, Radio);
+}
+
+// src/components/radio-group/radio-group.svelte
+import * as $2 from "svelte/internal/server";
+function Radio_group($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const groupId = $2.props_id($$renderer2);
+    let {
+      value = "",
+      name,
+      label: legend,
+      description,
+      error,
+      disabled = false,
+      required = false,
+      variant = "default",
+      class: className,
+      children
+    } = $$props;
+    const descriptionId = $2.derived(() => describeId(groupId, !!description));
+    const errId = $2.derived(() => errorId(groupId, !!error));
+    const describedBy = $2.derived(() => composeDescribedBy(descriptionId(), errId()));
+    setRadioGroupContext({
+      get name() {
+        return name;
+      },
+      get value() {
+        return value;
+      },
+      get disabled() {
+        return disabled;
+      },
+      get invalid() {
+        return !!error;
+      },
+      get required() {
+        return required;
+      },
+      select(next) {
+        value = next;
+      }
+    });
+    let hasWarnedNoLegend = false;
+    $$renderer2.push(`<fieldset${$2.attr_class($2.clsx(classNames("cinder-radio-group", className)))}${$2.attr("aria-invalid", ariaInvalid(!!error))}${$2.attr("aria-required", required || undefined)}${$2.attr("aria-describedby", describedBy())}${$2.attr("data-cinder-disabled", disabled || undefined)}${$2.attr("data-cinder-required", required || undefined)}${$2.attr("data-variant", variant === "card" ? "card" : undefined)}>`);
+    if (legend) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<legend class="cinder-radio-group__legend">${$2.escape(legend)} `);
+      if (required) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></legend>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="cinder-radio-group__items">`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$2.attr("id", descriptionId())} class="cinder-radio-group__description">${$2.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$2.attr("id", errId())} class="cinder-radio-group__error" aria-live="polite">${$2.escape(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></fieldset>`);
+    $2.bind_props($$props, { value });
+  }, Radio_group);
+}
+
+// src/components/radio-group/index.ts
+var RadioGroup = Object.assign(Radio_group, {
+  Option: Radio
+});
+var radio_group_default = RadioGroup;
+export { RadioGroup, radio_group_default };
+
+//# debugId=5950F56A5E0C560D64756E2164756E21

package/dist/server/index.server-rxa52bqt.js

@@ -0,0 +1,169 @@
+import {
+  getFormFieldContext
+} from "./index.server-weae7gs2.js";
+import {
+  resolveFieldControl
+} from "./index.server-abm21gz1.js";
+import {
+  commitValue
+} from "./index.server-42qeekwc.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/input/input.svelte
+import * as $ from "svelte/internal/server";
+function calendarIcon($$renderer) {
+  $$renderer.push(`<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>`);
+}
+function Input($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      value = "",
+      onValueChange,
+      label,
+      hideLabel = false,
+      description,
+      error,
+      disabled,
+      required,
+      type = "text",
+      class: className,
+      leading,
+      trailing,
+      leadingInteractive = false,
+      trailingInteractive = false,
+      "aria-describedby": consumerDescribedBy,
+      "aria-invalid": consumerInvalid,
+      oninput: consumerOninput,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getFormFieldContext();
+    const field = $.derived(() => resolveFieldControl({
+      id,
+      generatedId: id,
+      context,
+      hasDescription: !!description,
+      hasError: !!error,
+      localIdNamespace: "input",
+      consumerDescribedBy,
+      consumerInvalid,
+      required,
+      disabled
+    }));
+    const ownDescriptionId = $.derived(() => field().ownDescriptionId);
+    const ownErrorId = $.derived(() => field().ownErrorId);
+    const describedBy = $.derived(() => field().describedBy);
+    const resolvedAriaInvalid = $.derived(() => field().ariaInvalid);
+    const resolvedRequired = $.derived(() => field().required);
+    const resolvedDisabled = $.derived(() => field().disabled);
+    const isNativeDateInput = $.derived(() => type === "date");
+    const rendersNativeDateIcon = $.derived(() => isNativeDateInput() && !trailing);
+    const hasTrailing = $.derived(() => !!trailing || isNativeDateInput());
+    const hasGroupWrapper = $.derived(() => !!leading || hasTrailing());
+    const isInvalid = $.derived(() => resolvedAriaInvalid() === "true");
+    let inputNode = undefined;
+    let resetSyncTimeout;
+    function syncValueAfterFormReset() {
+      if (resetSyncTimeout !== undefined)
+        clearTimeout(resetSyncTimeout);
+      resetSyncTimeout = setTimeout(() => {
+        resetSyncTimeout = undefined;
+        if (inputNode)
+          value = inputNode.value;
+      }, 0);
+    }
+    function handleInput(event) {
+      const target = event.currentTarget;
+      const committed = commitValue(target.value, onValueChange, (next) => {
+        value = next;
+      });
+      target.value = committed;
+      consumerOninput?.(event);
+    }
+    function inputElement($$renderer3) {
+      $$renderer3.push(`<input${$.attributes({
+        id,
+        type,
+        ...rest,
+        disabled: resolvedDisabled(),
+        required: resolvedRequired(),
+        value,
+        class: $.clsx(classNames("cinder-input", className)),
+        "data-cinder-native-date": rendersNativeDateIcon() ? "" : undefined,
+        "aria-invalid": resolvedAriaInvalid(),
+        "aria-describedby": describedBy()
+      }, undefined, undefined, undefined, 4)}/>`);
+    }
+    $$renderer2.push(`<div class="cinder-input-field">`);
+    if (label) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<label${$.attr("for", id)}${$.attr_class($.clsx(classNames("cinder-input-field__label", hideLabel && "cinder-sr-only")))}${$.attr("data-disabled", resolvedDisabled() || undefined)}>${$.escape(label)} `);
+      if (resolvedRequired()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></label>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (hasGroupWrapper()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-input-group"${$.attr("data-leading", leading ? "" : undefined)}${$.attr("data-trailing", hasTrailing() ? "" : undefined)}${$.attr("data-native-date", rendersNativeDateIcon() ? "" : undefined)}${$.attr("data-disabled", resolvedDisabled() ? "" : undefined)}${$.attr("data-invalid", isInvalid() ? "" : undefined)}>`);
+      if (leading) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-input-group__leading cinder-_truncate"${$.attr("aria-hidden", leadingInteractive ? undefined : "true")}>`);
+        leading($$renderer2);
+        $$renderer2.push(`<!----></span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      inputElement($$renderer2);
+      $$renderer2.push(`<!----> `);
+      if (trailing) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-input-group__trailing cinder-_truncate"${$.attr("aria-hidden", trailingInteractive ? undefined : "true")}>`);
+        trailing($$renderer2);
+        $$renderer2.push(`<!----></span>`);
+      } else if (rendersNativeDateIcon()) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true">`);
+        calendarIcon($$renderer2);
+        $$renderer2.push(`<!----></span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      inputElement($$renderer2);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", ownDescriptionId())} class="cinder-input-field__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", ownErrorId())} class="cinder-input-field__error" aria-live="polite">${$.escape(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    $.bind_props($$props, { value });
+  }, Input);
+}
+
+export { Input };
+
+//# debugId=0D0BCA2DA7A39FC164756E2164756E21