@leavepulse/ui 0.78.1 → 0.78.3

package/dist/chunks/LpSwitch-DnC2-0aV.js

@@ -1,115 +0,0 @@
-import { defineComponent, useSlots, computed, useId, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, withCtx, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, mergeProps } from "vue";
-import { usePaletteControl } from "../composables/usePaletteCommands.js";
-import { SwitchRoot, SwitchThumb } from "reka-ui";
-import { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
-import { useOptimisticToggle } from "../composables/useOptimisticToggle.js";
-import { _ as _sfc_main$1 } from "./LpLoader-Bf1yZwaU.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "flex min-w-0 flex-col"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "flex min-w-0 flex-col"
-};
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpSwitch",
-  props: {
-    palette: { type: [Boolean, Object], default: void 0 },
-    modelValue: { type: Boolean },
-    disabled: { type: Boolean },
-    label: {},
-    description: {},
-    labelPosition: { default: "end" },
-    action: {}
-  },
-  emits: ["update:modelValue", "done", "error"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { pending, set } = useOptimisticToggle(() => props.action, emit);
-    const slots = useSlots();
-    const labelled = computed(() => Boolean(props.label || props.description || slots.default));
-    const TRACK = "group/switch inline-flex h-5 w-9 shrink-0 items-center rounded-pill border border-line bg-surface-soft px-0.5 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-55";
-    const THUMB = "h-3.5 w-3.5 rounded-full bg-ink shadow transition-[translate,width,background-color] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active/switch:w-5 group-data-[state=checked]/switch:translate-x-4 group-data-[state=checked]/switch:bg-ink-inverse group-data-[state=checked]/switch:group-active/switch:translate-x-2.5 motion-reduce:group-active/switch:w-3.5";
-    const { class: rootClass, attrs: rest } = useMergedAttrs(() => {
-      if (!labelled.value) return TRACK;
-      return props.labelPosition === "start" ? "flex w-full cursor-pointer items-center justify-between gap-3 text-sm text-ink" : "inline-flex cursor-pointer items-center gap-2 text-sm text-ink";
-    });
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      id: typeof rest.value.id === "string" ? rest.value.id : void 0,
-      disabled: props.disabled
-    }));
-    const descriptionId = `${useId()}-description`;
-    const describedBy = computed(
-      () => mergeDescribedBy(rest.value["aria-describedby"], props.description && labelled.value ? descriptionId : void 0, field.value.describedBy)
-    );
-    function onUpdate(value) {
-      void set(value);
-    }
-    usePaletteControl({ label: () => props.label, disabled: () => field.value.disabled || pending.value, editorProps: () => ({ action: void 0, "onUpdate:modelValue": onUpdate }) });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(labelled.value ? "label" : "span"), {
-        class: normalizeClass(labelled.value ? [unref(rootClass), unref(field).disabled && "cursor-not-allowed"] : "contents")
-      }, {
-        default: withCtx(() => [
-          labelled.value && __props.labelPosition === "start" ? (openBlock(), createElementBlock("span", _hoisted_1, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createTextVNode(toDisplayString(__props.label), 1)
-            ]),
-            __props.description ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              id: descriptionId,
-              class: "text-xs text-muted"
-            }, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true),
-          createVNode(unref(SwitchRoot), mergeProps(unref(rest), {
-            id: unref(field).id,
-            "model-value": __props.modelValue,
-            disabled: unref(field).disabled,
-            required: unref(field).required,
-            "aria-describedby": describedBy.value,
-            "aria-busy": unref(pending) || void 0,
-            class: labelled.value ? TRACK : unref(rootClass),
-            "onUpdate:modelValue": onUpdate
-          }), {
-            default: withCtx(() => [
-              createVNode(unref(SwitchThumb), {
-                class: normalizeClass([THUMB, "grid place-items-center"])
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$1, {
-                    active: unref(pending),
-                    size: "inline",
-                    "aria-hidden": "true",
-                    class: "text-[10px] text-ink-inverse group-data-[state=checked]/switch:text-ink"
-                  }, null, 8, ["active"])
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ]),
-            _: 1
-          }, 16, ["id", "model-value", "disabled", "required", "aria-describedby", "aria-busy", "class"]),
-          labelled.value && __props.labelPosition === "end" ? (openBlock(), createElementBlock("span", _hoisted_2, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createTextVNode(toDisplayString(__props.label), 1)
-            ]),
-            __props.description ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              id: descriptionId,
-              class: "text-xs text-muted"
-            }, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpTimeField-DeOcKWJq.js

@@ -1,110 +0,0 @@
-import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
-import { CONTROL_SIZE } from "../components/controlSize.js";
-import { usePaletteControl } from "../composables/usePaletteCommands.js";
-import { Time } from "@internationalized/date";
-import { TimeFieldRoot, TimeFieldInput } from "reka-ui";
-import { useFieldControl, mergeDescribedBy, focusLeft } from "../composables/useField.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpTimeField",
-  props: {
-    palette: { type: [Boolean, Object], default: void 0 },
-    modelValue: {},
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    hourCycle: { default: 24 },
-    locale: {},
-    icon: { type: Boolean, default: true }
-  },
-  emits: ["update:modelValue", "blur"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    function onFocusOut(event) {
-      if (focusLeft(event)) emit("blur", event);
-    }
-    const value = computed(() => {
-      const match = /^(\d{2}):(\d{2})/.exec(props.modelValue || "");
-      return match ? new Time(Number(match[1]), Number(match[2])) : void 0;
-    });
-    function onUpdate(next) {
-      if (!next || typeof next !== "object" || !("hour" in next) || !("minute" in next)) {
-        emit("update:modelValue", void 0);
-        return;
-      }
-      const pad = (n) => String(n).padStart(2, "0");
-      emit("update:modelValue", `${pad(next.hour)}:${pad(next.minute)}`);
-    }
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      invalid: props.invalid,
-      disabled: props.disabled
-    }));
-    const shellSize = CONTROL_SIZE;
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      () => [
-        "flex w-full items-center gap-0.5 rounded-control border bg-surface-soft px-3 text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-55",
-        shellSize[props.size],
-        field.value.invalid ? "border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand"
-      ].join(" ")
-    );
-    usePaletteControl({ disabled: () => field.value.disabled, invalid: () => field.value.invalid });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TimeFieldRoot), mergeProps({
-        "model-value": value.value,
-        "hour-cycle": __props.hourCycle,
-        locale: __props.locale,
-        granularity: "minute",
-        disabled: unref(field).disabled,
-        required: unref(field).required,
-        "aria-invalid": unref(field).invalid || void 0,
-        "aria-labelledby": unref(field).labelId,
-        class: unref(rootClass)
-      }, unref(rest), {
-        "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
-        "onUpdate:modelValue": onUpdate,
-        onFocusout: onFocusOut
-      }), {
-        default: withCtx(({ segments }) => [
-          __props.icon ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 0,
-            name: "lucide:clock",
-            size: 15,
-            class: "mr-1.5 shrink-0 text-muted"
-          })) : createCommentVNode("", true),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(segments, (item, i) => {
-            return openBlock(), createElementBlock(Fragment, { key: i }, [
-              item.part === "literal" ? (openBlock(), createBlock(unref(TimeFieldInput), {
-                key: 0,
-                part: item.part,
-                class: "text-muted"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(item.value), 1)
-                ]),
-                _: 2
-              }, 1032, ["part"])) : (openBlock(), createBlock(unref(TimeFieldInput), {
-                key: 1,
-                part: item.part,
-                class: "rounded-sm px-0.5 tabular-nums outline-none focus:bg-brand-soft focus:text-brand data-[placeholder]:text-muted"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(item.value), 1)
-                ]),
-                _: 2
-              }, 1032, ["part"]))
-            ], 64);
-          }), 128))
-        ]),
-        _: 1
-      }, 16, ["model-value", "hour-cycle", "locale", "disabled", "required", "aria-invalid", "aria-labelledby", "class", "aria-describedby"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};