slexkit 0.2.0

package/dist/chunks/accordion-ehnhpeca.js

@@ -0,0 +1,492 @@
+import {
+  getTheme,
+  tv,
+  warnThemeDeprecation
+} from "./accordion-hzyrngd6.js";
+import {
+  append,
+  attribute_effect,
+  bind_this,
+  child,
+  clsx,
+  clsx_default,
+  comment,
+  first_child,
+  from_html,
+  from_svg,
+  get,
+  getContext,
+  if_block,
+  pop,
+  prop,
+  push,
+  reset,
+  rest_props,
+  set,
+  setContext,
+  set_class,
+  set_text,
+  sibling,
+  snippet,
+  state,
+  template_effect,
+  transition,
+  untrack,
+  user_derived
+} from "./accordion-nw12ytps.js";
+
+// node_modules/.bun/flowbite-svelte@1.33.1+c74efb4fcdd27e5c/node_modules/flowbite-svelte/dist/utils/theme.js
+var closeButton = tv({
+  base: "focus:outline-hidden whitespace-normal disabled:cursor-not-allowed disabled:opacity-50",
+  variants: {
+    color: {
+      primary: "text-primary-500 focus:ring-primary-400 hover:bg-primary-200 dark:hover:bg-primary-800 dark:hover:text-primary-300",
+      secondary: "text-secondary-500 focus:ring-secondary-400 hover:bg-secondary-200 dark:hover:bg-secondary-800 dark:hover:text-secondary-300",
+      gray: "text-gray-500 focus:ring-gray-400 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-gray-300",
+      red: "text-red-500 focus:ring-red-400 hover:bg-red-200 dark:hover:bg-red-800 dark:hover:text-red-300",
+      orange: "text-orange-500 focus:ring-orange-400 hover:bg-orange-200 dark:hover:bg-orange-800 dark:hover:text-orange-300",
+      amber: "text-amber-500 focus:ring-amber-400 hover:bg-amber-200 dark:hover:bg-amber-800 dark:hover:text-amber-300",
+      yellow: "text-yellow-500 focus:ring-yellow-400 hover:bg-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-300",
+      lime: "text-lime-500 focus:ring-lime-400 hover:bg-lime-200 dark:hover:bg-lime-800 dark:hover:text-lime-300",
+      green: "text-green-500 focus:ring-green-400 hover:bg-green-200 dark:hover:bg-green-800 dark:hover:text-green-300",
+      emerald: "text-emerald-500 focus:ring-emerald-400 hover:bg-emerald-200 dark:hover:bg-emerald-800 dark:hover:text-emerald-300",
+      teal: "text-teal-500 focus:ring-teal-400 hover:bg-teal-200 dark:hover:bg-teal-800 dark:hover:text-teal-300",
+      cyan: "text-cyan-500 focus:ring-cyan-400 hover:bg-cyan-200 dark:hover:bg-cyan-800 dark:hover:text-cyan-300",
+      sky: "text-sky-500 focus:ring-sky-400 hover:bg-sky-200 dark:hover:bg-sky-800 dark:hover:text-sky-300",
+      blue: "text-blue-500 focus:ring-blue-400 hover:bg-blue-200 dark:hover:bg-blue-800 dark:hover:text-blue-300",
+      indigo: "text-indigo-500 focus:ring-indigo-400 hover:bg-indigo-200 dark:hover:bg-indigo-800 dark:hover:text-indigo-300",
+      violet: "text-violet-500 focus:ring-violet-400 hover:bg-violet-200 dark:hover:bg-violet-800 dark:hover:text-violet-300",
+      purple: "text-purple-500 focus:ring-purple-400 hover:bg-purple-200 dark:hover:bg-purple-800 dark:hover:text-purple-300",
+      fuchsia: "text-fuchsia-500 focus:ring-fuchsia-400 hover:bg-fuchsia-200 dark:hover:bg-fuchsia-800 dark:hover:text-fuchsia-300",
+      pink: "text-pink-500 focus:ring-pink-400 hover:bg-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-300",
+      rose: "text-rose-500 focus:ring-rose-400 hover:bg-rose-200 dark:hover:bg-rose-800 dark:hover:text-rose-300",
+      none: ""
+    },
+    size: {
+      xs: "m-0.5 rounded-xs focus:ring-1 p-0.5",
+      sm: "m-0.5 rounded-sm focus:ring-1 p-0.5",
+      md: "m-0.5 rounded-lg focus:ring-2 p-1.5",
+      lg: "m-0.5 rounded-lg focus:ring-2 p-2.5"
+    }
+  },
+  defaultVariants: {
+    color: "gray",
+    size: "md",
+    href: null
+  },
+  slots: {
+    svg: ""
+  },
+  compoundVariants: [
+    {
+      size: "xs",
+      class: {
+        svg: "w-3 h-3"
+      }
+    },
+    {
+      size: "sm",
+      class: {
+        svg: "w-3.5 h-3.5"
+      }
+    },
+    {
+      size: ["md", "lg"],
+      class: {
+        svg: "w-5 h-5"
+      }
+    },
+    {
+      size: ["xs", "sm", "md", "lg"],
+      color: "none",
+      class: "focus:ring-0 rounded-none m-0"
+    }
+  ]
+});
+
+// node_modules/.bun/flowbite-svelte@1.33.1+c74efb4fcdd27e5c/node_modules/flowbite-svelte/dist/utils/dismissable.js
+var DISMISSABLE_KEY = Symbol("dismissable");
+function createDismissableContext(onDismiss) {
+  const context = {
+    dismiss: onDismiss
+  };
+  return setContext(DISMISSABLE_KEY, context);
+}
+function useDismiss() {
+  const context = getContext(DISMISSABLE_KEY);
+  if (!context) {}
+  return context;
+}
+
+// node_modules/.bun/flowbite-svelte@1.33.1+c74efb4fcdd27e5c/node_modules/flowbite-svelte/dist/utils/CloseButton.svelte
+var root_2 = from_html(`<span class="sr-only"> </span>`);
+var root_4 = from_svg(`<svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>`);
+var root_1 = from_html(`<button><!> <!></button>`);
+var root_6 = from_html(`<span class="sr-only"> </span>`);
+var root_8 = from_svg(`<svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>`);
+var root_5 = from_html(`<a><!> <!></a>`);
+function CloseButton($$anchor, $$props) {
+  push($$props, true);
+  let color = prop($$props, "color", 3, "gray"), name = prop($$props, "name", 3, "Close"), size = prop($$props, "size", 3, "md"), restProps = rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "children",
+    "color",
+    "onclick",
+    "name",
+    "ariaLabel",
+    "size",
+    "class",
+    "svgClass"
+  ]);
+  const $$d = user_derived(() => closeButton({ color: color(), size: size() })), base = user_derived(() => get($$d).base), svg = user_derived(() => get($$d).svg);
+  const context = useDismiss();
+  function onclick(event) {
+    $$props.onclick?.(event);
+    if (event.defaultPrevented)
+      return;
+    context?.dismiss?.(event);
+  }
+  var fragment = comment();
+  var node = first_child(fragment);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var button = root_1();
+      attribute_effect(button, ($0) => ({
+        type: "button",
+        ...restProps,
+        class: $0,
+        onclick,
+        "aria-label": $$props.ariaLabel ?? name()
+      }), [() => get(base)({ class: clsx_default($$props.class) })]);
+      var node_1 = child(button);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_2();
+          var text = child(span, true);
+          reset(span);
+          template_effect(() => set_text(text, name()));
+          append($$anchor3, span);
+        };
+        if_block(node_1, ($$render) => {
+          if (name())
+            $$render(consequent);
+        });
+      }
+      var node_2 = sibling(node_1, 2);
+      {
+        var consequent_1 = ($$anchor3) => {
+          var fragment_1 = comment();
+          var node_3 = first_child(fragment_1);
+          snippet(node_3, () => $$props.children);
+          append($$anchor3, fragment_1);
+        };
+        var alternate = ($$anchor3) => {
+          var svg_1 = root_4();
+          template_effect(($0) => set_class(svg_1, 0, $0), [() => clsx(get(svg)({ class: $$props.svgClass }))]);
+          append($$anchor3, svg_1);
+        };
+        if_block(node_2, ($$render) => {
+          if ($$props.children)
+            $$render(consequent_1);
+          else
+            $$render(alternate, -1);
+        });
+      }
+      reset(button);
+      append($$anchor2, button);
+    };
+    var alternate_2 = ($$anchor2) => {
+      var a = root_5();
+      attribute_effect(a, ($0) => ({
+        ...restProps,
+        onclick,
+        class: $0,
+        "aria-label": $$props.ariaLabel ?? name()
+      }), [() => get(base)({ class: clsx_default($$props.class) })]);
+      var node_4 = child(a);
+      {
+        var consequent_3 = ($$anchor3) => {
+          var span_1 = root_6();
+          var text_1 = child(span_1, true);
+          reset(span_1);
+          template_effect(() => set_text(text_1, name()));
+          append($$anchor3, span_1);
+        };
+        if_block(node_4, ($$render) => {
+          if (name())
+            $$render(consequent_3);
+        });
+      }
+      var node_5 = sibling(node_4, 2);
+      {
+        var consequent_4 = ($$anchor3) => {
+          var fragment_2 = comment();
+          var node_6 = first_child(fragment_2);
+          snippet(node_6, () => $$props.children);
+          append($$anchor3, fragment_2);
+        };
+        var alternate_1 = ($$anchor3) => {
+          var svg_2 = root_8();
+          template_effect(($0) => set_class(svg_2, 0, $0), [() => clsx(get(svg)())]);
+          append($$anchor3, svg_2);
+        };
+        if_block(node_5, ($$render) => {
+          if ($$props.children)
+            $$render(consequent_4);
+          else
+            $$render(alternate_1, -1);
+        });
+      }
+      reset(a);
+      append($$anchor2, a);
+    };
+    if_block(node, ($$render) => {
+      if ($$props.href === undefined)
+        $$render(consequent_2);
+      else
+        $$render(alternate_2, -1);
+    });
+  }
+  append($$anchor, fragment);
+  pop();
+}
+
+// node_modules/.bun/flowbite-svelte@1.33.1+c74efb4fcdd27e5c/node_modules/flowbite-svelte/dist/toast/theme.js
+var toast = tv({
+  slots: {
+    base: "flex w-full max-w-xs p-4 text-gray-500 bg-white rounded-lg shadow-sm dark:text-gray-400 dark:bg-gray-800 gap-3",
+    icon: "w-8 h-8 inline-flex items-center justify-center shrink-0 rounded-lg",
+    content: "w-full text-sm font-normal",
+    close: "ms-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex items-center justify-center h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700"
+  },
+  variants: {
+    position: {
+      "top-left": { base: "absolute top-5 start-5" },
+      "top-right": { base: "absolute top-5 end-5" },
+      "bottom-left": { base: "absolute bottom-5 start-5" },
+      "bottom-right": { base: "absolute bottom-5 end-5" }
+    },
+    color: {
+      primary: {
+        icon: "text-primary-500 bg-primary-100 dark:bg-primary-800 dark:text-primary-200",
+        close: "text-primary-500 dark:text-primary-200 hover:text-primary-600 dark:hover:text-primary-500"
+      },
+      gray: {
+        icon: "text-gray-500 bg-gray-100 dark:bg-gray-700 dark:text-gray-200",
+        close: "text-gray-500 dark:text-gray-200 hover:text-gray-600 dark:hover:text-gray-500"
+      },
+      red: {
+        icon: "text-red-500 bg-red-100 dark:bg-red-800 dark:text-red-200",
+        close: "text-red-500 dark:text-red-200 hover:text-red-600 dark:hover:text-red-500"
+      },
+      orange: {
+        icon: "text-orange-500 bg-orange-100 dark:bg-orange-700 dark:text-orange-200",
+        close: "text-orange-500 dark:text-orange-200 hover:text-orange-600 dark:hover:text-orange-500"
+      },
+      amber: {
+        icon: "text-amber-500 bg-amber-100 dark:bg-amber-700 dark:text-amber-200",
+        close: "text-amber-500 dark:text-amber-200 hover:text-amber-600 dark:hover:text-amber-500"
+      },
+      yellow: {
+        icon: "text-yellow-500 bg-yellow-100 dark:bg-yellow-800 dark:text-yellow-200",
+        close: "text-yellow-500 dark:text-yellow-200 hover:text-yellow-600 dark:hover:text-yellow-500"
+      },
+      lime: {
+        icon: "text-lime-500 bg-lime-100 dark:bg-lime-700 dark:text-lime-200",
+        close: "text-lime-500 dark:text-lime-200 hover:text-lime-600 dark:hover:text-lime-500"
+      },
+      green: {
+        icon: "text-green-500 bg-green-100 dark:bg-green-800 dark:text-green-200",
+        close: "text-green-500 dark:text-green-200 hover:text-green-600 dark:hover:text-green-500"
+      },
+      emerald: {
+        icon: "text-emerald-500 bg-emerald-100 dark:bg-emerald-800 dark:text-emerald-200",
+        close: "text-emerald-500 dark:text-emerald-200 hover:text-emerald-600 dark:hover:text-emerald-500"
+      },
+      teal: {
+        icon: "text-teal-500 bg-teal-100 dark:bg-teal-800 dark:text-teal-200",
+        close: "text-teal-500 dark:text-teal-200 hover:text-teal-600 dark:hover:text-teal-500"
+      },
+      cyan: {
+        icon: "text-cyan-500 bg-cyan-100 dark:bg-cyan-800 dark:text-cyan-200",
+        close: "text-cyan-500 dark:text-cyan-200 hover:text-cyan-600 dark:hover:text-cyan-500"
+      },
+      sky: {
+        icon: "text-sky-500 bg-sky-100 dark:bg-sky-800 dark:text-sky-200",
+        close: "text-sky-500 dark:text-sky-200 hover:text-sky-600 dark:hover:text-sky-500"
+      },
+      blue: {
+        icon: "text-blue-500 bg-blue-100 dark:bg-blue-800 dark:text-blue-200",
+        close: "text-blue-500 dark:text-blue-200 hover:text-blue-600 dark:hover:text-blue-500"
+      },
+      indigo: {
+        icon: "text-indigo-500 bg-indigo-100 dark:bg-indigo-800 dark:text-indigo-200",
+        close: "text-indigo-500 dark:text-indigo-200 hover:text-indigo-600 dark:hover:text-indigo-500"
+      },
+      violet: {
+        icon: "text-violet-500 bg-violet-100 dark:bg-violet-800 dark:text-violet-200",
+        close: "text-violet-500 dark:text-violet-200 hover:text-violet-600 dark:hover:text-violet-500"
+      },
+      purple: {
+        icon: "text-purple-500 bg-purple-100 dark:bg-purple-800 dark:text-purple-200",
+        close: "text-purple-500 dark:text-purple-200 hover:text-purple-600 dark:hover:text-purple-500"
+      },
+      fuchsia: {
+        icon: "text-fuchsia-500 bg-fuchsia-100 dark:bg-fuchsia-800 dark:text-fuchsia-200",
+        close: "text-fuchsia-500 dark:text-fuchsia-200 hover:text-fuchsia-600 dark:hover:text-fuchsia-500"
+      },
+      pink: {
+        icon: "text-pink-500 bg-pink-100 dark:bg-pink-700 dark:text-pink-200",
+        close: "text-pink-500 dark:text-pink-200 hover:text-pink-600 dark:hover:text-pink-500"
+      },
+      rose: {
+        icon: "text-rose-500 bg-rose-100 dark:bg-rose-700 dark:text-rose-200",
+        close: "text-rose-500 dark:text-rose-200 hover:text-rose-600 dark:hover:text-rose-500"
+      }
+    },
+    align: {
+      true: { base: "items-center" },
+      false: { base: "items-start" }
+    }
+  }
+});
+var toastContainer = tv({
+  base: "fixed z-50 space-y-3"
+});
+
+// node_modules/.bun/svelte@5.55.10+4d6bab9f7a07deb0/node_modules/svelte/src/transition/index.js
+function cubic_out(t) {
+  const f = t - 1;
+  return f * f * f + 1;
+}
+function split_css_unit(value) {
+  const split = typeof value === "string" && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
+  return split ? [parseFloat(split[1]), split[2] || "px"] : [value, "px"];
+}
+function fly(node, { delay = 0, duration = 400, easing = cubic_out, x = 0, y = 0, opacity = 0 } = {}) {
+  const style = getComputedStyle(node);
+  const target_opacity = +style.opacity;
+  const transform = style.transform === "none" ? "" : style.transform;
+  const od = target_opacity * (1 - opacity);
+  const [x_value, x_unit] = split_css_unit(x);
+  const [y_value, y_unit] = split_css_unit(y);
+  return {
+    delay,
+    duration,
+    easing,
+    css: (t, u) => `
+			transform: ${transform} translate(${(1 - t) * x_value}${x_unit}, ${(1 - t) * y_value}${y_unit});
+			opacity: ${target_opacity - od * u}`
+  };
+}
+
+// node_modules/.bun/flowbite-svelte@1.33.1+c74efb4fcdd27e5c/node_modules/flowbite-svelte/dist/toast/Toast.svelte
+var root_22 = from_html(`<div><!></div>`);
+var root_12 = from_html(`<div><!> <div><!></div> <!></div>`);
+function Toast($$anchor, $$props) {
+  push($$props, true);
+  let toastStatus = prop($$props, "toastStatus", 15, true), dismissable = prop($$props, "dismissable", 3, true), closeAriaLabel = prop($$props, "closeAriaLabel", 3, "Remove toast"), color = prop($$props, "color", 3, "primary"), align = prop($$props, "align", 3, true), transition2 = prop($$props, "transition", 3, fly), restProps = rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "children",
+    "icon",
+    "toastStatus",
+    "dismissable",
+    "closeAriaLabel",
+    "color",
+    "position",
+    "iconClass",
+    "contentClass",
+    "align",
+    "params",
+    "transition",
+    "class",
+    "classes"
+  ]);
+  warnThemeDeprecation("Toast", untrack(() => ({
+    iconClass: $$props.iconClass,
+    contentClass: $$props.contentClass
+  })), { iconClass: "icon", contentClass: "content" });
+  const styling = user_derived(() => $$props.classes ?? { icon: $$props.iconClass, content: $$props.contentClass });
+  const theme = user_derived(() => getTheme("toast"));
+  const $$d = user_derived(() => toast({ color: color(), position: $$props.position, align: align() })), base = user_derived(() => get($$d).base), iconVariants = user_derived(() => get($$d).icon), content = user_derived(() => get($$d).content), close = user_derived(() => get($$d).close);
+  let ref = state(undefined);
+  function _close() {
+    if (get(ref)?.dispatchEvent(new Event("close", { bubbles: true, cancelable: true }))) {
+      toastStatus(false);
+    }
+  }
+  createDismissableContext(_close);
+  var fragment = comment();
+  var node = first_child(fragment);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var div = root_12();
+      attribute_effect(div, ($0) => ({ role: "alert", ...restProps, class: $0 }), [
+        () => get(base)({ class: clsx_default(get(theme)?.base, $$props.class) })
+      ]);
+      var node_1 = child(div);
+      {
+        var consequent = ($$anchor3) => {
+          var div_1 = root_22();
+          var node_2 = child(div_1);
+          snippet(node_2, () => $$props.icon);
+          reset(div_1);
+          template_effect(($0) => set_class(div_1, 1, $0), [
+            () => clsx(get(iconVariants)({ class: clsx_default(get(theme)?.icon, get(styling).icon) }))
+          ]);
+          append($$anchor3, div_1);
+        };
+        if_block(node_1, ($$render) => {
+          if ($$props.icon)
+            $$render(consequent);
+        });
+      }
+      var div_2 = sibling(node_1, 2);
+      var node_3 = child(div_2);
+      snippet(node_3, () => $$props.children);
+      reset(div_2);
+      var node_4 = sibling(div_2, 2);
+      {
+        var consequent_1 = ($$anchor3) => {
+          {
+            let $0 = user_derived(() => get(close)({ class: clsx_default(get(theme)?.close, $$props.classes?.close) }));
+            CloseButton($$anchor3, {
+              get class() {
+                return get($0);
+              },
+              get ariaLabel() {
+                return closeAriaLabel();
+              },
+              get color() {
+                return color();
+              }
+            });
+          }
+        };
+        if_block(node_4, ($$render) => {
+          if (dismissable())
+            $$render(consequent_1);
+        });
+      }
+      reset(div);
+      bind_this(div, ($$value) => set(ref, $$value), () => get(ref));
+      template_effect(($0) => set_class(div_2, 1, $0), [
+        () => clsx(get(content)({ class: clsx_default(get(theme)?.content, get(styling).content) }))
+      ]);
+      transition(3, div, transition2, () => $$props.params);
+      append($$anchor2, div);
+    };
+    if_block(node, ($$render) => {
+      if (toastStatus())
+        $$render(consequent_2);
+    });
+  }
+  append($$anchor, fragment);
+  pop();
+}
+
+export { Toast };