@jasonshimmy/custom-elements-runtime 2.2.5 → 2.2.7

package/dist/transitions-DCIjMqzG.js

@@ -1,1607 +0,0 @@
-import { anchorBlock as $e } from "./custom-elements-runtime.directives.es.js";
-const ye = `/*
- * Custom Elements Variables CSS
- * CSS variables for colors and fonts
- */
-
-:root,
-:host {
-  /* Font families (match runtime defaults in src/lib/runtime/style.ts) */
-  --cer-font-sans:
-    ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,
-    'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
-  --cer-font-serif: ui-serif, Georgia, 'Times New Roman', Times, serif;
-  --cer-font-mono:
-    ui-monospace, 'SFMono-Regular', Menlo, Monaco, 'Roboto Mono', 'Courier New',
-    monospace;
-
-  /* Default outline style */
-  --cer-outline-style: solid;
-
-  /* Colors */
-  --cer-color-transparent: transparent;
-  --cer-color-current: currentColor;
-  --cer-color-black: #000000;
-  --cer-color-white: #ffffff;
-  --cer-color-inherit: inherit;
-
-  /* neutral */
-  --cer-color-neutral-50: #fafafa;
-  --cer-color-neutral-100: #f4f4f5;
-  --cer-color-neutral-200: #e4e4e7;
-  --cer-color-neutral-300: #d4d4d8;
-  --cer-color-neutral-400: #9f9fa9;
-  --cer-color-neutral-500: #71717b;
-  --cer-color-neutral-600: #52525c;
-  --cer-color-neutral-700: #3f3f46;
-  --cer-color-neutral-800: #27272a;
-  --cer-color-neutral-900: #18181b;
-  --cer-color-neutral-950: #09090b;
-
-  /* primary */
-  --cer-color-primary-50: #eff6ff;
-  --cer-color-primary-100: #dbeafe;
-  --cer-color-primary-200: #bfdbfe;
-  --cer-color-primary-300: #93c5fd;
-  --cer-color-primary-400: #60a5fa;
-  --cer-color-primary-500: #3b82f6;
-  --cer-color-primary-600: #2563eb;
-  --cer-color-primary-700: #1d4ed8;
-  --cer-color-primary-800: #1e40af;
-  --cer-color-primary-900: #1e3a8a;
-  --cer-color-primary-950: #172554;
-
-  /* secondary */
-  --cer-color-secondary-50: #eef2ff;
-  --cer-color-secondary-100: #e0e7ff;
-  --cer-color-secondary-200: #c7d2fe;
-  --cer-color-secondary-300: #a5b4fc;
-  --cer-color-secondary-400: #818cf8;
-  --cer-color-secondary-500: #6366f1;
-  --cer-color-secondary-600: #4f46e5;
-  --cer-color-secondary-700: #4338ca;
-  --cer-color-secondary-800: #3730a3;
-  --cer-color-secondary-900: #312e81;
-  --cer-color-secondary-950: #1e1b4b;
-
-  /* success */
-  --cer-color-success-50: #f0fdf4;
-  --cer-color-success-100: #dcfce7;
-  --cer-color-success-200: #bbf7d0;
-  --cer-color-success-300: #86efac;
-  --cer-color-success-400: #4ade80;
-  --cer-color-success-500: #22c55e;
-  --cer-color-success-600: #16a34a;
-  --cer-color-success-700: #15803d;
-  --cer-color-success-800: #166534;
-  --cer-color-success-900: #14532d;
-  --cer-color-success-950: #052e16;
-
-  /* info */
-  --cer-color-info-50: #f0f9ff;
-  --cer-color-info-100: #e0f2fe;
-  --cer-color-info-200: #bae6fd;
-  --cer-color-info-300: #7dd3fc;
-  --cer-color-info-400: #38bdf8;
-  --cer-color-info-500: #0ea5e9;
-  --cer-color-info-600: #0284c7;
-  --cer-color-info-700: #0369a1;
-  --cer-color-info-800: #075985;
-  --cer-color-info-900: #0c4a6e;
-  --cer-color-info-950: #082f49;
-
-  /* warning */
-  --cer-color-warning-50: #fffbeb;
-  --cer-color-warning-100: #fef3c7;
-  --cer-color-warning-200: #fde68a;
-  --cer-color-warning-300: #fcd34d;
-  --cer-color-warning-400: #fbbf24;
-  --cer-color-warning-500: #f59e0b;
-  --cer-color-warning-600: #d97706;
-  --cer-color-warning-700: #b45309;
-  --cer-color-warning-800: #92400e;
-  --cer-color-warning-900: #78350f;
-  --cer-color-warning-950: #451a03;
-
-  /* error */
-  --cer-color-error-50: #fef2f2;
-  --cer-color-error-100: #fee2e2;
-  --cer-color-error-200: #fecaca;
-  --cer-color-error-300: #fca5a5;
-  --cer-color-error-400: #f87171;
-  --cer-color-error-500: #ef4444;
-  --cer-color-error-600: #dc2626;
-  --cer-color-error-700: #b91c1c;
-  --cer-color-error-800: #991b1b;
-  --cer-color-error-900: #7f1d1d;
-  --cer-color-error-950: #450a0a;
-}
-`;
-function ke(e, ...r) {
-  let o = "";
-  for (let n = 0; n < e.length; n++)
-    o += e[n], n < r.length && (o += r[n]);
-  return o;
-}
-function ge(e) {
-  return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
-}
-let K = null;
-function Ie() {
-  return K || (typeof CSSStyleSheet > "u" ? K = {
-    cssRules: [],
-    replaceSync: () => {
-    },
-    toString: () => ge(pe)
-  } : (K = new CSSStyleSheet(), K.replaceSync(ge(pe)))), K;
-}
-function De(e) {
-  return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
-}
-const pe = ke`
-  ${ye}
-  :host,
-  *,
-  ::before,
-  ::after {
-    all: isolate;
-    box-sizing: border-box;
-    border: 0 solid currentColor;
-    margin: 0;
-    padding: 0;
-    font: inherit;
-    vertical-align: baseline;
-    background: transparent;
-    color: inherit;
-    -webkit-tap-highlight-color: transparent;
-  }
-  :host {
-    display: contents;
-    font: 16px/1.5 var(--cer-font-sans, ui-sans-serif, system-ui, sans-serif);
-    /* Default CE line-height variable so leading-* can reliably override */
-    --cer-line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    text-size-adjust: 100%;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    /* Default gradient variables to avoid undefined var() usage in generated utilities */
-    --cer-gradient-from-position: 0%;
-    --cer-gradient-to-position: 100%;
-    --cer-gradient-via-position: 50%;
-    --cer-gradient-from: rgba(255, 255, 255, 0);
-    --cer-gradient-to: rgba(255, 255, 255, 0);
-    --cer-gradient-stops: var(--cer-gradient-from), var(--cer-gradient-to);
-    /* Default outline style variable */
-    --cer-outline-style: solid;
-  }
-  button,
-  input,
-  select,
-  textarea {
-    background: transparent;
-    outline: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  button,
-  textarea {
-    overflow: visible;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    display: block;
-    max-width: 100%;
-    height: auto;
-  }
-  svg {
-    fill: currentColor;
-    stroke: none;
-  }
-  a {
-    text-decoration: inherit;
-    cursor: pointer;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    cursor: pointer;
-    appearance: button;
-    background: none;
-    -webkit-user-select: none;
-    user-select: none;
-  }
-  ::-webkit-input-placeholder,
-  ::placeholder {
-    color: inherit;
-    opacity: 0.5;
-  }
-  *:focus-visible {
-    outline: 2px solid var(--cer-color-primary-500, #3b82f6);
-    outline-offset: 2px;
-  }
-  ol,
-  ul {
-    list-style: none;
-  }
-  table {
-    border-collapse: collapse;
-  }
-  sub,
-  sup {
-    font-size: 0.75em;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  [disabled],
-  [aria-disabled='true'] {
-    cursor: not-allowed;
-  }
-  [hidden] {
-    display: none;
-  }
-`, je = {
-  // Existing semantic colors
-  neutral: {
-    50: "#fafafa",
-    100: "#f4f4f5",
-    200: "#e4e4e7",
-    300: "#d4d4d8",
-    400: "#9f9fa9",
-    500: "#71717b",
-    600: "#52525c",
-    700: "#3f3f46",
-    800: "#27272a",
-    900: "#18181b",
-    950: "#09090b"
-  },
-  primary: {
-    50: "#eff6ff",
-    100: "#dbeafe",
-    200: "#bfdbfe",
-    300: "#93c5fd",
-    400: "#60a5fa",
-    500: "#3b82f6",
-    600: "#2563eb",
-    700: "#1d4ed8",
-    800: "#1e40af",
-    900: "#1e3a8a",
-    950: "#172554"
-  },
-  secondary: {
-    50: "#eef2ff",
-    100: "#e0e7ff",
-    200: "#c7d2fe",
-    300: "#a5b4fc",
-    400: "#818cf8",
-    500: "#6366f1",
-    600: "#4f46e5",
-    700: "#4338ca",
-    800: "#3730a3",
-    900: "#312e81",
-    950: "#1e1b4b"
-  },
-  success: {
-    50: "#f0fdf4",
-    100: "#dcfce7",
-    200: "#bbf7d0",
-    300: "#86efac",
-    400: "#4ade80",
-    500: "#22c55e",
-    600: "#16a34a",
-    700: "#15803d",
-    800: "#166534",
-    900: "#14532d",
-    950: "#052e16"
-  },
-  info: {
-    50: "#f0f9ff",
-    100: "#e0f2fe",
-    200: "#bae6fd",
-    300: "#7dd3fc",
-    400: "#38bdf8",
-    500: "#0ea5e9",
-    600: "#0284c7",
-    700: "#0369a1",
-    800: "#075985",
-    900: "#0c4a6e",
-    950: "#082f49"
-  },
-  warning: {
-    50: "#fffbeb",
-    100: "#fef3c7",
-    200: "#fde68a",
-    300: "#fcd34d",
-    400: "#fbbf24",
-    500: "#f59e0b",
-    600: "#d97706",
-    700: "#b45309",
-    800: "#92400e",
-    900: "#78350f",
-    950: "#451a03"
-  },
-  error: {
-    50: "#fef2f2",
-    100: "#fee2e2",
-    200: "#fecaca",
-    300: "#fca5a5",
-    400: "#f87171",
-    500: "#ef4444",
-    600: "#dc2626",
-    700: "#b91c1c",
-    800: "#991b1b",
-    900: "#7f1d1d",
-    950: "#450a0a"
-  },
-  // Special colors
-  white: { DEFAULT: "#ffffff" },
-  black: { DEFAULT: "#000000" },
-  transparent: { DEFAULT: "transparent" },
-  current: { DEFAULT: "currentColor" }
-}, xe = Object.fromEntries(
-  Object.entries(je).map(([e, r]) => [
-    e,
-    Object.fromEntries(
-      Object.entries(r).map(([o, n]) => [
-        o,
-        `var(--cer-color-${e}${o === "DEFAULT" ? "" : `-${o}`}, ${n})`
-      ])
-    )
-  ])
-), I = "0.25rem", Se = {
-  "3xs": 64,
-  "2xs": 72,
-  xs: 80,
-  sm: 96,
-  md: 112,
-  lg: 128,
-  xl: 144,
-  "2xl": 168,
-  "3xl": 192,
-  "4xl": 224,
-  "5xl": 256,
-  "6xl": 288,
-  "7xl": 320
-}, te = {
-  m: ["margin"],
-  mx: ["margin-inline"],
-  my: ["margin-block"],
-  mt: ["margin-top"],
-  mr: ["margin-right"],
-  mb: ["margin-bottom"],
-  ml: ["margin-left"],
-  p: ["padding"],
-  px: ["padding-inline"],
-  py: ["padding-block"],
-  pt: ["padding-top"],
-  pr: ["padding-right"],
-  pb: ["padding-bottom"],
-  pl: ["padding-left"],
-  inset: ["inset"],
-  "inset-x": ["inset-inline"],
-  "inset-y": ["inset-block"],
-  h: ["height"],
-  w: ["width"],
-  "min-h": ["min-height"],
-  "min-w": ["min-width"],
-  "max-h": ["max-height"],
-  "max-w": ["max-width"],
-  top: ["top"],
-  bottom: ["bottom"],
-  left: ["left"],
-  right: ["right"],
-  gap: ["gap"],
-  "gap-x": ["column-gap"],
-  "gap-y": ["row-gap"]
-}, Te = () => {
-  const e = {};
-  e["@container"] = "container-type:inline-size;", [
-    "block",
-    "inline",
-    "inline-block",
-    "flex",
-    "inline-flex",
-    "grid",
-    "inline-grid",
-    "table",
-    "table-cell",
-    "table-row",
-    "hidden"
-  ].forEach((t) => {
-    e[t] = t === "hidden" ? "display:none;" : `display:${t};`;
-  }), ["absolute", "relative", "fixed", "sticky", "static"].forEach((t) => {
-    e[t] = `position:${t};`;
-  }), Object.assign(e, {
-    "items-center": "align-items:center;",
-    "items-start": "align-items:flex-start;",
-    "items-end": "align-items:flex-end;",
-    "items-baseline": "align-items:baseline;",
-    "items-stretch": "align-items:stretch;",
-    "justify-center": "justify-content:center;",
-    "justify-start": "justify-content:flex-start;",
-    "justify-between": "justify-content:space-between;",
-    "justify-around": "justify-content:space-around;",
-    "justify-evenly": "justify-content:space-evenly;",
-    "justify-end": "justify-content:flex-end;",
-    "flex-wrap": "flex-wrap:wrap;",
-    "flex-nowrap": "flex-wrap:nowrap;",
-    "flex-wrap-reverse": "flex-wrap:wrap-reverse;",
-    "content-center": "align-content:center;",
-    "content-start": "align-content:flex-start;",
-    "content-end": "align-content:flex-end;",
-    "content-between": "align-content:space-between;",
-    "content-around": "align-content:space-around;",
-    "content-evenly": "align-content:space-evenly;",
-    "content-stretch": "align-content:stretch;",
-    "self-auto": "align-self:auto;",
-    "self-start": "align-self:flex-start;",
-    "self-end": "align-self:flex-end;",
-    "self-center": "align-self:center;",
-    "self-stretch": "align-self:stretch;",
-    "flex-col": "flex-direction:column;",
-    "flex-row": "flex-direction:row;",
-    "flex-col-reverse": "flex-direction:column-reverse;",
-    "flex-row-reverse": "flex-direction:row-reverse;",
-    "flex-1": "flex:1 1 0%;",
-    "flex-auto": "flex:1 1 auto;",
-    "flex-initial": "flex:0 1 auto;",
-    "flex-none": "flex:0 0 auto;",
-    grow: "flex-grow:1;",
-    shrink: "flex-shrink:1;",
-    "grow-0": "flex-grow:0;",
-    "shrink-0": "flex-shrink:0;"
-  });
-  for (let t = 1; t <= 12; t++)
-    e[`grid-cols-${t}`] = `grid-template-columns:repeat(${t},minmax(0,1fr));`, e[`grid-rows-${t}`] = `grid-template-rows:repeat(${t},minmax(0,1fr));`, e[`col-span-${t}`] = `grid-column:span ${t} / span ${t};`, e[`row-span-${t}`] = `grid-row:span ${t} / span ${t};`, e[`col-start-${t}`] = `grid-column-start:${t};`, e[`col-end-${t}`] = `grid-column-end:${t};`, e[`row-start-${t}`] = `grid-row-start:${t};`, e[`row-end-${t}`] = `grid-row-end:${t};`;
-  Object.assign(e, {
-    "grid-cols-none": "grid-template-columns:none;",
-    "grid-rows-none": "grid-template-rows:none;",
-    "col-span-full": "grid-column:1 / -1;",
-    "row-span-full": "grid-row:1 / -1;",
-    "auto-cols-auto": "grid-auto-columns:auto;",
-    "auto-cols-min": "grid-auto-columns:min-content;",
-    "auto-cols-max": "grid-auto-columns:max-content;",
-    "auto-cols-fr": "grid-auto-columns:1fr;",
-    "auto-rows-auto": "grid-auto-rows:auto;",
-    "auto-rows-min": "grid-auto-rows:min-content;",
-    "auto-rows-max": "grid-auto-rows:max-content;",
-    "auto-rows-fr": "grid-auto-rows:1fr;",
-    "grid-flow-row": "grid-auto-flow:row;",
-    "grid-flow-col": "grid-auto-flow:column;",
-    "grid-flow-row-dense": "grid-auto-flow:row dense;",
-    "grid-flow-col-dense": "grid-auto-flow:column dense;"
-  }), Object.assign(e, {
-    "text-left": "text-align:left;",
-    "text-center": "text-align:center;",
-    "text-right": "text-align:right;",
-    "text-justify": "text-align:justify;",
-    "font-thin": "font-weight:100;",
-    "font-extralight": "font-weight:200;",
-    "font-light": "font-weight:300;",
-    "font-normal": "font-weight:400;",
-    "font-medium": "font-weight:500;",
-    "font-semibold": "font-weight:600;",
-    "font-bold": "font-weight:700;",
-    "font-extrabold": "font-weight:800;",
-    "font-black": "font-weight:900;",
-    italic: "font-style:italic;",
-    "not-italic": "font-style:normal;",
-    uppercase: "text-transform:uppercase;",
-    lowercase: "text-transform:lowercase;",
-    capitalize: "text-transform:capitalize;",
-    "normal-case": "text-transform:none;",
-    underline: "text-decoration-line:underline;",
-    overline: "text-decoration-line:overline;",
-    "line-through": "text-decoration-line:line-through;",
-    "no-underline": "text-decoration-line:none;",
-    truncate: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",
-    "whitespace-normal": "white-space:normal;",
-    "whitespace-nowrap": "white-space:nowrap;",
-    "whitespace-pre": "white-space:pre;",
-    "whitespace-pre-line": "white-space:pre-line;",
-    "whitespace-pre-wrap": "white-space:pre-wrap;",
-    "break-normal": "overflow-wrap:normal;word-break:normal;",
-    "break-words": "overflow-wrap:break-word;",
-    "break-all": "word-break:break-all;"
-  }), [
-    ["text-xs", "0.75rem", "1"],
-    ["text-sm", "0.875rem", "1.25"],
-    ["text-base", "1rem", "1.5"],
-    ["text-lg", "1.125rem", "1.75"],
-    ["text-xl", "1.25rem", "1.75"],
-    ["text-2xl", "1.5rem", "2"],
-    ["text-3xl", "1.875rem", "2.25"],
-    ["text-4xl", "2.25rem", "2.5"],
-    ["text-5xl", "3rem", "1"],
-    ["text-6xl", "3.75rem", "1"],
-    ["text-7xl", "4.5rem", "1"],
-    ["text-8xl", "6rem", "1"],
-    ["text-9xl", "8rem", "1"]
-  ].forEach(([t, a, d]) => {
-    e[t] = `font-size:${a};line-height:var(--cer-line-height,${d});`;
-  }), [
-    ["tracking-tighter", "-0.05em"],
-    ["tracking-tight", "-0.025em"],
-    ["tracking-normal", "0em"],
-    ["tracking-wide", "0.025em"],
-    ["tracking-wider", "0.05em"],
-    ["tracking-widest", "0.1em"]
-  ].forEach(([t, a]) => {
-    e[t] = `letter-spacing:${a};`;
-  }), [
-    ["leading-3", "0.75rem"],
-    ["leading-4", "1rem"],
-    ["leading-5", "1.25rem"],
-    ["leading-6", "1.5rem"],
-    ["leading-7", "1.75rem"],
-    ["leading-8", "2rem"],
-    ["leading-9", "2.25rem"],
-    ["leading-10", "2.5rem"],
-    ["leading-none", "1"],
-    ["leading-tight", "1.25"],
-    ["leading-snug", "1.375"],
-    ["leading-normal", "1.5"],
-    ["leading-relaxed", "1.625"],
-    ["leading-loose", "2"]
-  ].forEach(([t, a]) => {
-    e[t] = `line-height:${a};--cer-line-height:${a};line-height:var(--cer-line-height,${a});`;
-  });
-  const s = [0, 1, 2, 4, 6, 8];
-  for (const t of s) {
-    const a = `${t}px`;
-    e[`outline-${t}`] = `outline-style:var(--cer-outline-style);outline-width:${a};`, e[`outline-offset-${t}`] = `outline-offset:${a};`, e[`border-${t}`] = `border-width:${a};`, e[`border-t-${t}`] = `border-top-width:${a};`, e[`border-r-${t}`] = `border-right-width:${a};`, e[`border-b-${t}`] = `border-bottom-width:${a};`, e[`border-l-${t}`] = `border-left-width:${a};`, e[`border-x-${t}`] = `border-left-width:${a};border-right-width:${a};`, e[`border-y-${t}`] = `border-top-width:${a};border-bottom-width:${a};`;
-  }
-  Object.assign(e, {
-    "font-sans": "font-family:var(--cer-font-sans, ui-sans-serif,system-ui,sans-serif);",
-    "font-serif": "font-family:var(--cer-font-serif, ui-serif,Georgia,serif);",
-    "font-mono": "font-family:var(--cer-font-mono, ui-monospace,SFMono-Regular,monospace);",
-    outline: "outline-style:var(--cer-outline-style);outline-width:1px;",
-    "outline-solid": "--cer-outline-style:solid;outline-style:solid;",
-    "outline-dashed": "--cer-outline-style:dashed;outline-style:dashed;",
-    "outline-dotted": "--cer-outline-style:dotted;outline-style:dotted;",
-    "outline-double": "--cer-outline-style:double;outline-style:double;",
-    "outline-none": "--cer-outline-style:none;outline-style:none;",
-    "outline-hidden": "--cer-outline-style:none;outline:2px solid transparent;outline-offset:2px;",
-    border: "border-width:1px;",
-    "border-t": "border-top-width:1px;",
-    "border-r": "border-right-width:1px;",
-    "border-b": "border-bottom-width:1px;",
-    "border-l": "border-left-width:1px;",
-    "border-x": "border-left-width:1px;border-right-width:1px;",
-    "border-y": "border-top-width:1px;border-bottom-width:1px;",
-    "border-solid": "border-style:solid;",
-    "border-dashed": "border-style:dashed;",
-    "border-dotted": "border-style:dotted;",
-    "border-double": "border-style:double;",
-    "border-none": "border-style:none;"
-  });
-  const u = {
-    none: 0,
-    xs: 2,
-    sm: 4,
-    md: 6,
-    lg: 8,
-    xl: 12,
-    "2xl": 16,
-    "3xl": 24,
-    "4xl": 32,
-    full: 9999
-  };
-  for (const [t, a] of Object.entries(u)) {
-    const d = a === 9999 ? "9999px" : `${a / 16}rem`;
-    e[`rounded-${t}`] = `border-radius:${d};`, e[`rounded-t-${t}`] = `border-top-left-radius:${d};border-top-right-radius:${d};`, e[`rounded-r-${t}`] = `border-top-right-radius:${d};border-bottom-right-radius:${d};`, e[`rounded-b-${t}`] = `border-bottom-left-radius:${d};border-bottom-right-radius:${d};`, e[`rounded-l-${t}`] = `border-top-left-radius:${d};border-bottom-left-radius:${d};`, e[`rounded-tl-${t}`] = `border-top-left-radius:${d};`, e[`rounded-tr-${t}`] = `border-top-right-radius:${d};`, e[`rounded-br-${t}`] = `border-bottom-right-radius:${d};`, e[`rounded-bl-${t}`] = `border-bottom-left-radius:${d};`;
-  }
-  Object.assign(e, {
-    "shadow-none": "--cer-shadow-color:rgb(0 0 0 / 0);box-shadow:0 0 var(--cer-shadow-color, #0000);",
-    "shadow-xs": "--cer-shadow-color:rgb(0 0 0 / 0.05);box-shadow:0 1px 2px 0 var(--cer-shadow-color, rgb(0 0 0 / 0.05));",
-    "shadow-sm": "--cer-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 var(--cer-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--cer-shadow-color, rgb(0 0 0 / 0.1));",
-    shadow: "--cer-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 var(--cer-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--cer-shadow-color, rgb(0 0 0 / 0.1));",
-    "shadow-md": "--cer-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 4px 6px -1px var(--cer-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--cer-shadow-color, rgb(0 0 0 / 0.1));",
-    "shadow-lg": "--cer-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 10px 15px -3px var(--cer-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--cer-shadow-color, rgb(0 0 0 / 0.1));",
-    "shadow-xl": "--cer-shadow-color:rgb(0 0 0 / 0.1);box-shadow:0 20px 25px -5px var(--cer-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--cer-shadow-color, rgb(0 0 0 / 0.1));",
-    "shadow-2xl": "--cer-shadow-color:rgb(0 0 0 / 0.25);box-shadow:0 25px 50px -12px var(--cer-shadow-color, rgb(0 0 0 / 0.25));",
-    "shadow-inner": "box-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);"
-  }), Object.assign(e, {
-    rounded: "border-radius:0.25rem;"
-  }), Object.assign(e, {
-    "overflow-auto": "overflow:auto;",
-    "overflow-hidden": "overflow:hidden;",
-    "overflow-visible": "overflow:visible;",
-    "overflow-scroll": "overflow:scroll;",
-    "overflow-x-auto": "overflow-x:auto;",
-    "overflow-x-hidden": "overflow-x:hidden;",
-    "overflow-x-visible": "overflow-x:visible;",
-    "overflow-x-scroll": "overflow-x:scroll;",
-    "overflow-y-auto": "overflow-y:auto;",
-    "overflow-y-hidden": "overflow-y:hidden;",
-    "overflow-y-visible": "overflow-y:visible;",
-    "overflow-y-scroll": "overflow-y:scroll;"
-  });
-  const m = [
-    "auto",
-    "default",
-    "pointer",
-    "wait",
-    "text",
-    "move",
-    "help",
-    "not-allowed",
-    "grab",
-    "grabbing"
-  ];
-  for (const t of m) e[`cursor-${t}`] = `cursor:${t};`;
-  for (const t of [0, 10, 20, 30, 40, 50]) e[`z-${t}`] = `z-index:${t};`;
-  Object.assign(e, {
-    "sr-only": "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;",
-    "not-sr-only": "position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;",
-    "pointer-events-none": "pointer-events:none;",
-    "pointer-events-auto": "pointer-events:auto;",
-    visible: "visibility:visible;",
-    invisible: "visibility:hidden;"
-  }), Object.assign(e, {
-    "w-full": "width:100%;",
-    "w-screen": "width:100dvw;",
-    "h-full": "height:100%;",
-    "h-screen": "height:100dvh;",
-    "max-w-full": "max-width:100%;",
-    "max-h-full": "max-height:100%;",
-    "max-w-screen": "max-width:100dvw;",
-    "max-h-screen": "max-height:100dvh;",
-    "min-w-0": "min-width:0;",
-    "min-h-0": "min-height:0;",
-    "min-w-full": "min-width:100%;",
-    "min-h-full": "min-height:100%;",
-    "min-w-screen": "min-width:100dvw;",
-    "min-h-screen": "min-height:100dvh;",
-    "w-auto": "width:auto;",
-    "h-auto": "height:auto;",
-    "w-fit": "width:fit-content;",
-    "h-fit": "height:fit-content;",
-    "w-min": "width:min-content;",
-    "h-min": "height:min-content;",
-    "w-max": "width:max-content;",
-    "h-max": "height:max-content;",
-    "m-auto": "margin:auto;",
-    "mx-auto": "margin-inline:auto;",
-    "my-auto": "margin-block:auto;"
-  });
-  for (const [t, a] of Object.entries(Se))
-    e[`max-w-${t}`] = `max-width:calc(${I} * ${a});`, e[`min-w-${t}`] = `min-width:calc(${I} * ${a});`, e[`w-${t}`] = `width:calc(${I} * ${a});`, e[`max-h-${t}`] = `max-height:calc(${I} * ${a});`, e[`min-h-${t}`] = `min-height:calc(${I} * ${a});`, e[`h-${t}`] = `height:calc(${I} * ${a});`;
-  Object.assign(e, {
-    transition: "transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;",
-    "transition-none": "transition-property:none;",
-    "transition-all": "transition-property:all;",
-    "transition-colors": "transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;",
-    "transition-shadow": "transition-property:box-shadow;",
-    "transition-opacity": "transition-property:opacity;",
-    "transition-transform": "transition-property:transform;",
-    "ease-linear": "transition-timing-function:linear;",
-    "ease-in": "transition-timing-function:ease-in;",
-    "ease-out": "transition-timing-function:ease-out;",
-    "ease-in-out": "transition-timing-function:ease-in-out;",
-    "duration-75": "transition-duration:75ms;",
-    "duration-100": "transition-duration:100ms;",
-    "duration-150": "transition-duration:150ms;",
-    "duration-200": "transition-duration:200ms;",
-    "duration-300": "transition-duration:300ms;",
-    "duration-500": "transition-duration:500ms;",
-    "duration-700": "transition-duration:700ms;",
-    "duration-1000": "transition-duration:1000ms;"
-  }), Object.assign(e, {
-    "scale-0": "transform:scale(0);",
-    "scale-50": "transform:scale(0.5);",
-    "scale-75": "transform:scale(0.75);",
-    "scale-90": "transform:scale(0.9);",
-    "scale-95": "transform:scale(0.95);",
-    "scale-100": "transform:scale(1);",
-    "scale-105": "transform:scale(1.05);",
-    "scale-110": "transform:scale(1.1);",
-    "scale-125": "transform:scale(1.25);",
-    "scale-150": "transform:scale(1.5);",
-    "rotate-0": "transform:rotate(0deg);",
-    "rotate-1": "transform:rotate(1deg);",
-    "rotate-2": "transform:rotate(2deg);",
-    "rotate-3": "transform:rotate(3deg);",
-    "rotate-6": "transform:rotate(6deg);",
-    "rotate-12": "transform:rotate(12deg);",
-    "rotate-45": "transform:rotate(45deg);",
-    "rotate-90": "transform:rotate(90deg);",
-    "rotate-180": "transform:rotate(180deg);",
-    "-rotate-1": "transform:rotate(-1deg);",
-    "-rotate-2": "transform:rotate(-2deg);",
-    "-rotate-3": "transform:rotate(-3deg);",
-    "-rotate-6": "transform:rotate(-6deg);",
-    "-rotate-12": "transform:rotate(-12deg);",
-    "-rotate-45": "transform:rotate(-45deg);",
-    "-rotate-90": "transform:rotate(-90deg);",
-    "-rotate-180": "transform:rotate(-180deg);"
-  }), Object.assign(e, {
-    "aspect-auto": "aspect-ratio:auto;",
-    "aspect-square": "aspect-ratio:1 / 1;",
-    "aspect-video": "aspect-ratio:16 / 9;"
-  }), Object.assign(e, {
-    "object-contain": "object-fit:contain;",
-    "object-cover": "object-fit:cover;",
-    "object-fill": "object-fit:fill;",
-    "object-none": "object-fit:none;",
-    "object-scale-down": "object-fit:scale-down;",
-    "object-bottom": "object-position:bottom;",
-    "object-center": "object-position:center;",
-    "object-left": "object-position:left;",
-    "object-left-bottom": "object-position:left bottom;",
-    "object-left-top": "object-position:left top;",
-    "object-right": "object-position:right;",
-    "object-right-bottom": "object-position:right bottom;",
-    "object-right-top": "object-position:right top;",
-    "object-top": "object-position:top;"
-  });
-  for (let t = 1; t <= 6; t++)
-    e[`line-clamp-${t}`] = `display:-webkit-box;-webkit-line-clamp:${t};-webkit-box-orient:vertical;overflow:hidden;`;
-  e["line-clamp-none"] = "overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none;";
-  for (let t = 1; t <= 12; t++)
-    e[`order-${t}`] = `order:${t};`;
-  e["order-first"] = "order:-9999;", e["order-last"] = "order:9999;", e["order-none"] = "order:0;";
-  for (let t = 0; t <= 12; t++)
-    t <= 1 || (e[`grow-${t}`] = `flex-grow:${t};`, e[`shrink-${t}`] = `flex-shrink:${t};`);
-  return Object.assign(e, {
-    // Linear gradients
-    "bg-linear-to-t": "background-image:linear-gradient(to top, var(--cer-gradient-stops));",
-    "bg-linear-to-tr": "background-image:linear-gradient(to top right, var(--cer-gradient-stops));",
-    "bg-linear-to-r": "background-image:linear-gradient(to right, var(--cer-gradient-stops));",
-    "bg-linear-to-br": "background-image:linear-gradient(to bottom right, var(--cer-gradient-stops));",
-    "bg-linear-to-b": "background-image:linear-gradient(to bottom, var(--cer-gradient-stops));",
-    "bg-linear-to-bl": "background-image:linear-gradient(to bottom left, var(--cer-gradient-stops));",
-    "bg-linear-to-l": "background-image:linear-gradient(to left, var(--cer-gradient-stops));",
-    "bg-linear-to-tl": "background-image:linear-gradient(to top left, var(--cer-gradient-stops));",
-    // Radial gradients
-    "bg-radial": "background-image:radial-gradient(ellipse at center, var(--cer-gradient-stops));",
-    "bg-radial-at-t": "background-image:radial-gradient(ellipse at top, var(--cer-gradient-stops));",
-    "bg-radial-at-tr": "background-image:radial-gradient(ellipse at top right, var(--cer-gradient-stops));",
-    "bg-radial-at-r": "background-image:radial-gradient(ellipse at right, var(--cer-gradient-stops));",
-    "bg-radial-at-br": "background-image:radial-gradient(ellipse at bottom right, var(--cer-gradient-stops));",
-    "bg-radial-at-b": "background-image:radial-gradient(ellipse at bottom, var(--cer-gradient-stops));",
-    "bg-radial-at-bl": "background-image:radial-gradient(ellipse at bottom left, var(--cer-gradient-stops));",
-    "bg-radial-at-l": "background-image:radial-gradient(ellipse at left, var(--cer-gradient-stops));",
-    "bg-radial-at-tl": "background-image:radial-gradient(ellipse at top left, var(--cer-gradient-stops));",
-    "bg-radial-circle": "background-image:radial-gradient(circle at center, var(--cer-gradient-stops));",
-    "bg-radial-circle-at-t": "background-image:radial-gradient(circle at top, var(--cer-gradient-stops));",
-    "bg-radial-circle-at-tr": "background-image:radial-gradient(circle at top right, var(--cer-gradient-stops));",
-    "bg-radial-circle-at-r": "background-image:radial-gradient(circle at right, var(--cer-gradient-stops));",
-    "bg-radial-circle-at-br": "background-image:radial-gradient(circle at bottom right, var(--cer-gradient-stops));",
-    "bg-radial-circle-at-b": "background-image:radial-gradient(circle at bottom, var(--cer-gradient-stops));",
-    "bg-radial-circle-at-bl": "background-image:radial-gradient(circle at bottom left, var(--cer-gradient-stops));",
-    "bg-radial-circle-at-l": "background-image:radial-gradient(circle at left, var(--cer-gradient-stops));",
-    "bg-radial-circle-at-tl": "background-image:radial-gradient(circle at top left, var(--cer-gradient-stops));",
-    // Conic gradients
-    "bg-conic": "background-image:conic-gradient(from 0deg at center, var(--cer-gradient-stops));",
-    "bg-conic-at-t": "background-image:conic-gradient(from 0deg at top, var(--cer-gradient-stops));",
-    "bg-conic-at-tr": "background-image:conic-gradient(from 0deg at top right, var(--cer-gradient-stops));",
-    "bg-conic-at-r": "background-image:conic-gradient(from 0deg at right, var(--cer-gradient-stops));",
-    "bg-conic-at-br": "background-image:conic-gradient(from 0deg at bottom right, var(--cer-gradient-stops));",
-    "bg-conic-at-b": "background-image:conic-gradient(from 0deg at bottom, var(--cer-gradient-stops));",
-    "bg-conic-at-bl": "background-image:conic-gradient(from 0deg at bottom left, var(--cer-gradient-stops));",
-    "bg-conic-at-l": "background-image:conic-gradient(from 0deg at left, var(--cer-gradient-stops));",
-    "bg-conic-at-tl": "background-image:conic-gradient(from 0deg at top left, var(--cer-gradient-stops));"
-  }), e;
-}, re = Te();
-function M(e, r) {
-  let o = 0;
-  for (let n = 0; n < e.length; n++) {
-    const c = e[n];
-    if (c === "[" || c === "(") o++;
-    else if ((c === "]" || c === ")") && o > 0) o--;
-    else if (o === 0 && (c === ">" || c === "+" || c === "~" || c === " "))
-      return e.slice(0, n) + r + e.slice(n);
-  }
-  return e + r;
-}
-const Ce = {
-  before: (e, r) => `${e}::before{${r}}`,
-  after: (e, r) => `${e}::after{${r}}`,
-  hover: (e, r) => `${M(e, ":hover")}{${r}}`,
-  focus: (e, r) => `${M(e, ":focus")}{${r}}`,
-  active: (e, r) => `${M(e, ":active")}{${r}}`,
-  disabled: (e, r) => `${M(e, ":disabled")}{${r}}`,
-  visited: (e, r) => `${M(e, ":visited")}{${r}}`,
-  checked: (e, r) => `${M(e, ":checked")}{${r}}`,
-  first: (e, r) => `${M(e, ":first-child")}{${r}}`,
-  last: (e, r) => `${M(e, ":last-child")}{${r}}`,
-  odd: (e, r) => `${M(e, ":nth-child(odd)")}{${r}}`,
-  even: (e, r) => `${M(e, ":nth-child(even)")}{${r}}`,
-  "focus-within": (e, r) => `${M(e, ":focus-within")}{${r}}`,
-  "focus-visible": (e, r) => `${M(e, ":focus-visible")}{${r}}`,
-  "group-hover": (e, r) => `.group:hover ${e}{${r}}`,
-  "group-focus": (e, r) => `.group:focus ${e}{${r}}`,
-  "group-active": (e, r) => `.group:active ${e}{${r}}`,
-  "group-disabled": (e, r) => `.group:disabled ${e}{${r}}`,
-  "peer-hover": (e, r) => `.peer:hover ~ ${e}{${r}}`,
-  "peer-focus": (e, r) => `.peer:focus ~ ${e}{${r}}`,
-  "peer-checked": (e, r) => `.peer:checked ~ ${e}{${r}}`,
-  "peer-disabled": (e, r) => `.peer:disabled ~ ${e}{${r}}`,
-  "dark-class": (e, r) => `:host(.dark) ${e}{${r}}`
-}, oe = {
-  sm: "(min-width:640px)",
-  md: "(min-width:768px)",
-  lg: "(min-width:1024px)",
-  xl: "(min-width:1280px)",
-  "2xl": "(min-width:1536px)",
-  dark: "(prefers-color-scheme: dark)"
-}, me = {
-  xs: "(min-width:20rem)",
-  sm: "(min-width:24rem)",
-  md: "(min-width:28rem)",
-  lg: "(min-width:32rem)",
-  xl: "(min-width:36rem)",
-  "2xl": "(min-width:42rem)",
-  "3xl": "(min-width:48rem)",
-  "4xl": "(min-width:56rem)",
-  "5xl": "(min-width:64rem)",
-  "6xl": "(min-width:72rem)",
-  "7xl": "(min-width:80rem)"
-}, ne = ["sm", "md", "lg", "xl", "2xl"], ie = [
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl",
-  "7xl"
-];
-function ae(e) {
-  const r = e.startsWith("-"), o = r ? e.slice(1) : e, n = o.lastIndexOf("-");
-  if (n === -1) return null;
-  const c = o.slice(0, n), s = o.slice(n + 1);
-  if (!te[c]) return null;
-  if (s.includes("/")) {
-    const [t, a] = s.split("/").map((y) => parseFloat(y));
-    if (Number.isNaN(t) || Number.isNaN(a) || a === 0)
-      return null;
-    const d = t / a * 100;
-    return te[c].map((y) => `${y}:${d}%;`).join("");
-  }
-  const u = parseFloat(s);
-  if (Number.isNaN(u)) return null;
-  const m = r ? "-" : "";
-  return te[c].map((t) => `${t}:calc(${m}${I} * ${u});`).join("");
-}
-function ce(e) {
-  const r = e.startsWith("-"), n = (r ? e.slice(1) : e).match(/^space-(x|y)-(.+)$/);
-  if (!n) return null;
-  const [, c, s] = n, u = c === "x";
-  if (s === "reverse")
-    return u ? "--cer-space-x-reverse:1;" : "--cer-space-y-reverse:1;";
-  if (s.includes("/")) {
-    const [d, y] = s.split("/").map((A) => parseFloat(A));
-    if (Number.isNaN(d) || Number.isNaN(y) || y === 0)
-      return null;
-    const v = d / y * 100, C = r ? "-" : "";
-    return u ? `--cer-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${C}${v}% * calc(1 - var(--cer-space-x-reverse)));margin-inline-end:calc(${C}${v}% * var(--cer-space-x-reverse));}` : `--cer-space-y-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-top:calc(${C}${v}% * calc(1 - var(--cer-space-y-reverse)));margin-bottom:calc(${C}${v}% * var(--cer-space-y-reverse));}`;
-  }
-  const m = parseFloat(s);
-  if (Number.isNaN(m)) return null;
-  const a = `calc(${r ? "-" : ""}${I} * ${m})`;
-  return u ? `--cer-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${a} * calc(1 - var(--cer-space-x-reverse)));margin-inline-end:calc(${a} * var(--cer-space-x-reverse));}` : `--cer-space-y-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-top:calc(${a} * calc(1 - var(--cer-space-y-reverse)));margin-bottom:calc(${a} * var(--cer-space-y-reverse));}`;
-}
-function J(e) {
-  let r = e.replace("#", "");
-  r.length === 3 && (r = r.split("").map((n) => n + n).join(""));
-  const o = parseInt(r, 16);
-  return `${o >> 16 & 255} ${o >> 8 & 255} ${o & 255}`;
-}
-const Ae = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/, Fe = {
-  bg: "background-color",
-  decoration: "text-decoration-color",
-  text: "color",
-  border: "border-color",
-  outline: "outline-color",
-  caret: "caret-color",
-  accent: "accent-color",
-  fill: "fill",
-  stroke: "stroke"
-};
-function Oe(e) {
-  const r = Ae.exec(e);
-  if (!r) return null;
-  const [, o, n, c = "DEFAULT"] = r, s = xe[n]?.[c];
-  if (!s) return null;
-  if (o === "shadow") return `--cer-shadow-color:${s};`;
-  const u = Fe[o];
-  return u ? `${u}:${s};` : null;
-}
-function Ee(e) {
-  const r = e.indexOf("/");
-  if (r === -1) return { base: e };
-  const o = e.slice(0, r), n = e.slice(r + 1), c = parseInt(n, 10);
-  return isNaN(c) || c < 0 || c > 100 ? { base: o } : { base: o, opacity: c / 100 };
-}
-function se(e) {
-  const { base: r, opacity: o } = Ee(e), n = Oe(r);
-  if (n) {
-    if (o !== void 0) {
-      if (n.includes("var(")) {
-        const u = /var\([^)]*\)/.exec(n);
-        if (u) {
-          const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m), y = /^([a-z-]+):/.exec(n), v = y ? y[1] : "background-color";
-          if (d) {
-            const A = `rgb(${J(d[0])} / ${o})`, f = m.replace(
-              /#([0-9a-f]{6}|[0-9a-f]{3})/i,
-              A
-            );
-            return `${v}:${f};__CE_COLOR_MIX_SPLIT__${v}:${a};`;
-          }
-          return `${v}:${a};`;
-        }
-      }
-      const s = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(n);
-      if (s) {
-        const u = J(s[0]);
-        return n.replace(
-          /#([0-9a-f]{6}|[0-9a-f]{3})/i,
-          `rgb(${u} / ${o})`
-        );
-      }
-    }
-    return n;
-  }
-  const c = Z(r);
-  if (c && o !== void 0) {
-    if (c.includes("var(")) {
-      const u = /var\([^)]*\)/.exec(c);
-      if (u) {
-        const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m), y = /^([a-z-]+):/.exec(c), v = y ? y[1] : null;
-        if (d && v) {
-          const A = `rgb(${J(d[0])} / ${o})`, f = m.replace(
-            /#([0-9a-f]{6}|[0-9a-f]{3})/i,
-            A
-          );
-          return `${v}:${f};__CE_COLOR_MIX_SPLIT__${v}:${a};`;
-        }
-        return c.replace(m, a);
-      }
-    }
-    const s = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(c);
-    if (s) {
-      const u = J(s[0]);
-      return c.replace(
-        /#([0-9a-f]{6}|[0-9a-f]{3})/i,
-        `rgb(${u} / ${o})`
-      );
-    }
-  }
-  return c;
-}
-function le(e) {
-  const r = /^(from|to|via)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
-  if (!r) return null;
-  const [, o, n, c = "DEFAULT"] = r, s = xe[n]?.[c];
-  if (!s) return null;
-  switch (o) {
-    case "from":
-      return `--cer-gradient-from:${s} var(--cer-gradient-from-position);--cer-gradient-to:rgb(255 255 255 / 0) var(--cer-gradient-to-position);--cer-gradient-stops:var(--cer-gradient-from), var(--cer-gradient-to);`;
-    case "to":
-      return `--cer-gradient-to:${s} var(--cer-gradient-to-position);`;
-    case "via":
-      return `--cer-gradient-to:rgb(255 255 255 / 0) var(--cer-gradient-to-position);--cer-gradient-stops:var(--cer-gradient-from), ${s} var(--cer-gradient-via-position), var(--cer-gradient-to);`;
-    default:
-      return null;
-  }
-}
-function de(e) {
-  const r = /^opacity-(\d{1,3})$/.exec(e);
-  if (!r) return null;
-  const o = parseInt(r[1], 10);
-  return o < 0 || o > 100 ? null : `opacity:${o / 100};`;
-}
-function Z(e) {
-  if (e.startsWith("[") && e.endsWith("]") && !e.includes("-[")) {
-    const u = e.slice(1, -1).trim(), m = u.indexOf(":");
-    if (m === -1) return null;
-    const t = u.slice(0, m).trim();
-    let a = u.slice(m + 1).trim();
-    return /^[a-zA-Z][a-zA-Z0-9-]*$/.test(t) ? (a = a.replace(/_/g, " "), a = a.replace(/url\('\s*([^']*?)\s*'\)/g, 'url("$1")'), a = a.replace(/^'([^']*)'$/g, '"$1"'), `${t}:${a};`) : null;
-  }
-  const r = e.indexOf("-[");
-  if (r <= 0 || !e.endsWith("]")) return null;
-  const o = e.slice(0, r), n = e.slice(r + 2, -1).replace(/_/g, " "), c = {
-    bg: "background-color",
-    shadow: "box-shadow",
-    p: "padding",
-    px: "padding-inline",
-    py: "padding-block",
-    m: "margin",
-    mx: "margin-inline",
-    my: "margin-block",
-    w: "width",
-    h: "height",
-    "min-w": "min-width",
-    "max-w": "max-width",
-    "min-h": "min-height",
-    "max-h": "max-height",
-    "border-t": "border-top-width",
-    "border-b": "border-bottom-width",
-    "border-l": "border-left-width",
-    "border-r": "border-right-width",
-    "border-x": "border-inline-width",
-    "border-y": "border-block-width",
-    "grid-cols": "grid-template-columns",
-    "grid-rows": "grid-template-rows",
-    transition: "transition-property",
-    ease: "transition-timing-function",
-    delay: "transition-delay",
-    duration: "transition-duration",
-    list: "list-style",
-    break: "word-break",
-    flex: "flex-direction",
-    items: "align-items",
-    justify: "justify-content",
-    content: "align-content",
-    self: "align-self",
-    basis: "flex-basis",
-    tracking: "letter-spacing",
-    leading: "line-height",
-    z: "z-index",
-    opacity: "opacity"
-  };
-  if (o === "text")
-    return /^\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex)$/.test(n) ? `font-size:${n};` : `color:${n};`;
-  if (o === "rotate") return `transform:rotate(${n});`;
-  if (o === "scale") return `transform:scale(${n});`;
-  if (o === "translate-x") return `transform:translateX(${n});`;
-  if (o === "translate-y") return `transform:translateY(${n});`;
-  const s = c[o] ?? o.replace(/_/g, "-");
-  return s && n ? `${s}:${n};` : null;
-}
-function _e(e) {
-  if (e.startsWith("[") && e.endsWith("]")) {
-    const o = e.slice(1, -1);
-    return o.includes("&") ? o : e;
-  }
-  const r = e.indexOf("-[");
-  if (r > 0 && e.endsWith("]")) {
-    const o = e.slice(r + 2, -1).replace(/_/g, "-");
-    return o.includes("&") ? o : e.replace(/_/g, "-");
-  }
-  return null;
-}
-function be(e) {
-  return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
-}
-function ze(e) {
-  const r = /class\s*=\s*(['"])([\s\S]*?)\1/g, o = [];
-  let n;
-  for (; n = r.exec(e); ) {
-    const c = n[2].split(/\s+/).filter(Boolean);
-    c.length && o.push(...c);
-  }
-  return o;
-}
-const G = /* @__PURE__ */ new Map(), Re = 16, he = 1e3;
-function Le(e) {
-  const r = Date.now(), o = G.get(e);
-  if (o && r - o.timestamp < Re)
-    return o.css;
-  const n = ze(e);
-  if (!n.length) return "";
-  const c = new Set(n), s = [[], [], [], []], u = {}, m = (f, p = !1) => {
-    const g = p ? `dark|${f}` : f;
-    if (g in u) return u[g];
-    const b = y(f, p);
-    return u[g] = b, b;
-  }, t = (f) => {
-    const p = f.some((k) => ne.includes(k)), g = f.some(
-      (k) => k.startsWith("@") && (ie.includes(k.slice(1)) || k.match(/^@\[.+\]$/))
-    ), b = f.includes("dark");
-    return f.length ? !p && !b && !g ? 1 : b && (p || g) ? 3 : 2 : 0;
-  }, a = (f) => {
-    const p = [];
-    let g = "", b = 0;
-    for (let k = 0; k < f.length; k++) {
-      const x = f[k];
-      x === "[" || x === "(" ? b++ : (x === "]" || x === ")") && b--, x === ":" && b === 0 ? (p.push(g), g = "") : g += x;
-    }
-    return g && p.push(g), p;
-  }, d = {
-    hover: ":hover",
-    focus: ":focus",
-    active: ":active",
-    visited: ":visited",
-    disabled: ":disabled",
-    checked: ":checked",
-    first: ":first-child",
-    last: ":last-child",
-    odd: ":nth-child(odd)",
-    even: ":nth-child(even)",
-    "focus-within": ":focus-within",
-    "focus-visible": ":focus-visible"
-  }, y = (f, p = !1) => {
-    const g = a(f);
-    let b = "", k = !1;
-    for (const i of g) {
-      let $ = i;
-      if ($.startsWith("!") && (k = !0, $ = $.slice(1)), re[$] || ae($) || ce($) || de($) || se($) || le($) || Z($)) {
-        b = i;
-        break;
-      }
-    }
-    if (!b) return null;
-    const x = b.replace(/^!/, ""), O = re[x] ?? ae(x) ?? ce(x) ?? de(x) ?? se(x) ?? le(x) ?? Z(x);
-    if (!O) return null;
-    const T = g.indexOf(b);
-    let h = T >= 0 ? g.slice(0, T) : [];
-    p && (h = h.filter((i) => i !== "dark"));
-    const R = `.${be(f)}`, _ = k ? O.replace(/;/g, " !important;") : O, w = "__SUBJECT__";
-    let l = w;
-    const P = [];
-    for (const i of h)
-      i.startsWith("group-") ? (l = `.group:${i.slice(6)} ${l}`, P.push(i)) : i.startsWith("peer-") && (l = l.replace(
-        w,
-        `.peer:${i.slice(5)}~${w}`
-      ), P.push(i));
-    h = h.filter((i) => !P.includes(i));
-    const W = [], V = [];
-    let S = null;
-    for (const i of h) {
-      if (i === "dark" || ne.includes(i) || i.startsWith("@") && (ie.includes(i.slice(1)) || i.match(/^@\[.+\]$/)))
-        continue;
-      const $ = _e(i);
-      if ($) {
-        S = $;
-        continue;
-      }
-      const F = d[i];
-      if (F) {
-        S ? V.push(F) : W.push(F);
-        continue;
-      }
-      const E = Ce[i];
-      typeof E == "function" && (l = E(l, _).split("{")[0]);
-    }
-    const D = W.join(""), L = V.join("");
-    function Q(i, $) {
-      if (!$) return i;
-      let F = 0, E = 0;
-      if (i.length && (i[0] === ">" || i[0] === "+" || i[0] === "~" || i[0] === " ")) {
-        let j = 1;
-        for (; j < i.length && i[j] === " "; ) j++;
-        for (; j < i.length; j++) {
-          const z = i[j];
-          if (z === "[" ? F++ : z === "]" && F > 0 ? F-- : z === "(" ? E++ : z === ")" && E > 0 && E--, F === 0 && E === 0 && (i[j] === ">" || i[j] === "+" || i[j] === "~" || i[j] === " "))
-            return i.slice(0, j) + $ + i.slice(j);
-        }
-        return i + $;
-      }
-      for (let j = 0; j < i.length; j++) {
-        const z = i[j];
-        if (z === "[" ? F++ : z === "]" && F > 0 ? F-- : z === "(" ? E++ : z === ")" && E > 0 && E--, F === 0 && E === 0 && (z === ">" || z === "+" || z === "~" || z === " "))
-          return i.slice(0, j) + $ + i.slice(j);
-      }
-      return i + $;
-    }
-    if (S)
-      if (S.includes("&")) {
-        const i = S.indexOf("&"), $ = S.slice(0, i), F = S.slice(i + 1), E = w + D;
-        if (W.length === 0)
-          l = l.replace(
-            w,
-            $ + E + L + F
-          );
-        else {
-          const j = Q(F, L);
-          l = l.replace(
-            w,
-            $ + E + j
-          );
-        }
-      } else
-        l = l.replace(
-          w,
-          `${S}${w + D}`
-        ), L && (l = l.replace(w, `${w}${L}`));
-    else
-      l = l.replace(
-        w,
-        w + D + L
-      );
-    l = l.replace(new RegExp(w, "g"), R);
-    const fe = "__CE_COLOR_MIX_SPLIT__", ve = _.includes(fe) ? _.split(fe).map((i) => `${l}{${i}}`) : [`${l}{${_}}`], Y = h.filter(
-      (i) => ne.includes(i)
-    ), ee = h.filter(
-      (i) => i.startsWith("@") && (ie.includes(i.slice(1)) || i.match(/^@\[.+\]$/))
-    ), q = Y.length ? Y[Y.length - 1] : null, H = ee.length ? ee[ee.length - 1] : null, ue = h.includes("dark");
-    let N = "", U = "";
-    if (ue && q ? N = `@media (prefers-color-scheme: dark) and ${oe[q]}` : ue ? N = "@media (prefers-color-scheme: dark)" : q && (N = `@media ${oe[q]}`), H)
-      if (H.startsWith("@[") && H.endsWith("]")) {
-        const i = H.slice(2, -1);
-        if (!/^-?\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/.test(i))
-          return null;
-        U = `@container (min-width:${i})`;
-      } else {
-        const i = H.slice(1);
-        U = `@container ${me[i] || `(min-width:${i})`}`;
-      }
-    const we = (i) => N && U ? `${N}${U}{${i}}` : N ? `${N}{${i}}` : U ? `${U}{${i}}` : i;
-    return ve.map(we).join("");
-  };
-  for (const f of c) {
-    const p = a(f), g = p.find(
-      (T) => re[T.replace(/^!/, "")] || ae(T.replace(/^!/, "")) || ce(T.replace(/^!/, "")) || de(T.replace(/^!/, "")) || se(T.replace(/^!/, "")) || le(T.replace(/^!/, "")) || Z(T.replace(/^!/, ""))
-    );
-    if (!g) continue;
-    const b = p.indexOf(g), k = b >= 0 ? p.slice(0, b) : [], x = t(k), O = m(f);
-    O && s[x].push(O);
-  }
-  const v = /^(from|via|to)-[a-z]+-?\d{2,3}?$/;
-  for (const f of c)
-    if (v.test(f)) {
-      if (s.flat().join("").includes(`.${be(f)}`)) continue;
-      const g = m(f);
-      g && s[0].push(g);
-    }
-  const C = (f) => f.sort((p, g) => {
-    const b = (R) => {
-      const _ = {
-        sm: 640,
-        md: 768,
-        lg: 1024,
-        xl: 1280,
-        "2xl": 1536
-      };
-      for (const [w, l] of Object.entries(_))
-        if (R.includes(`@media ${oe[w]}`)) return l;
-      return -1;
-    }, k = (R) => {
-      const _ = {
-        xs: 320,
-        // 20rem
-        sm: 384,
-        // 24rem
-        md: 448,
-        // 28rem
-        lg: 512,
-        // 32rem
-        xl: 576,
-        // 36rem
-        "2xl": 672,
-        // 42rem
-        "3xl": 768,
-        // 48rem
-        "4xl": 896,
-        // 56rem
-        "5xl": 1024,
-        // 64rem
-        "6xl": 1152,
-        // 72rem
-        "7xl": 1280
-        // 80rem
-      };
-      for (const [w, l] of Object.entries(_))
-        if (R.includes(`@container ${me[w]}`)) return l;
-      if (R.includes("@container (min-width:")) {
-        const w = /@container \(min-width:(\d+(?:\.\d+)?)(px|rem|em)/.exec(R);
-        if (w) {
-          const l = parseFloat(w[1]), P = w[2];
-          return P === "rem" || P === "em" ? l * 16 : l;
-        }
-      }
-      return -1;
-    }, x = b(p), O = b(g), T = k(p), h = k(g);
-    return x >= 0 && O >= 0 && x !== O ? x - O : T >= 0 && h >= 0 && T !== h ? T - h : 0;
-  });
-  s[2] = C(s[2]), s[3] = C(s[3]);
-  const A = s.flat().join("");
-  return G.size >= he && Array.from(G.keys()).slice(
-    0,
-    Math.floor(he / 2)
-  ).forEach((p) => G.delete(p)), G.set(e, { css: A, timestamp: r }), A;
-}
-const X = {
-  /** Simple fade in/out */
-  fade: {
-    enterFrom: "opacity-0",
-    enterActive: "transition-opacity duration-300 ease-out",
-    enterTo: "opacity-100",
-    leaveFrom: "opacity-100",
-    leaveActive: "transition-opacity duration-200 ease-in",
-    leaveTo: "opacity-0"
-  },
-  /** Slide in from right */
-  "slide-right": {
-    enterFrom: "translate-x-[100%] opacity-0",
-    enterActive: "transition-all duration-300 ease-out",
-    enterTo: "translate-x-[0%] opacity-100",
-    leaveFrom: "translate-x-[0%] opacity-100",
-    leaveActive: "transition-all duration-200 ease-in",
-    leaveTo: "translate-x-[100%] opacity-0"
-  },
-  /** Slide in from left */
-  "slide-left": {
-    enterFrom: "translate-x-[-100%] opacity-0",
-    enterActive: "transition-all duration-300 ease-out",
-    enterTo: "translate-x-[0%] opacity-100",
-    leaveFrom: "translate-x-[0%] opacity-100",
-    leaveActive: "transition-all duration-200 ease-in",
-    leaveTo: "translate-x-[-100%] opacity-0"
-  },
-  /** Slide up from bottom */
-  "slide-up": {
-    enterFrom: "translate-y-[100%] opacity-0",
-    enterActive: "transition-all duration-300 ease-out",
-    enterTo: "translate-y-[0%] opacity-100",
-    leaveFrom: "translate-y-[0%] opacity-100",
-    leaveActive: "transition-all duration-200 ease-in",
-    leaveTo: "translate-y-[100%] opacity-0"
-  },
-  /** Slide down from top */
-  "slide-down": {
-    enterFrom: "translate-y-[-100%] opacity-0",
-    enterActive: "transition-all duration-300 ease-out",
-    enterTo: "translate-y-[0%] opacity-100",
-    leaveFrom: "translate-y-[0%] opacity-100",
-    leaveActive: "transition-all duration-200 ease-in",
-    leaveTo: "translate-y-[-100%] opacity-0"
-  },
-  /** Scale up from center */
-  scale: {
-    enterFrom: "scale-95 opacity-0",
-    enterActive: "transition-all duration-200 ease-out",
-    enterTo: "scale-100 opacity-100",
-    leaveFrom: "scale-100 opacity-100",
-    leaveActive: "transition-all duration-150 ease-in",
-    leaveTo: "scale-95 opacity-0"
-  },
-  /** Scale down to center */
-  "scale-down": {
-    enterFrom: "scale-105 opacity-0",
-    enterActive: "transition-all duration-200 ease-out",
-    enterTo: "scale-100 opacity-100",
-    leaveFrom: "scale-100 opacity-100",
-    leaveActive: "transition-all duration-150 ease-in",
-    leaveTo: "scale-105 opacity-0"
-  },
-  /** Bounce effect */
-  bounce: {
-    enterFrom: "scale-0 opacity-0",
-    enterActive: "transition-all duration-500 ease-out",
-    enterTo: "scale-100 opacity-100",
-    leaveFrom: "scale-100 opacity-100",
-    leaveActive: "transition-all duration-200 ease-in",
-    leaveTo: "scale-0 opacity-0"
-  },
-  /** Zoom and fade */
-  zoom: {
-    enterFrom: "scale-0 opacity-0",
-    enterActive: "transition-all duration-300 ease-out",
-    enterTo: "scale-100 opacity-100",
-    leaveFrom: "scale-100 opacity-100",
-    leaveActive: "transition-all duration-200 ease-in",
-    leaveTo: "scale-0 opacity-0"
-  },
-  /** Flip in */
-  flip: {
-    enterFrom: "rotate-[90deg] opacity-0",
-    enterActive: "transition-all duration-400 ease-out",
-    enterTo: "rotate-[0deg] opacity-100",
-    leaveFrom: "rotate-[0deg] opacity-100",
-    leaveActive: "transition-all duration-300 ease-in",
-    leaveTo: "rotate-[90deg] opacity-0"
-  }
-};
-function Ne(e, r) {
-  const {
-    preset: o,
-    show: n,
-    mode: c = "default",
-    duration: s,
-    appear: u = !1,
-    css: m = !0,
-    name: t,
-    enterFrom: a,
-    enterActive: d,
-    enterTo: y,
-    leaveFrom: v,
-    leaveActive: C,
-    leaveTo: A,
-    onBeforeEnter: f,
-    onEnter: p,
-    onAfterEnter: g,
-    onEnterCancelled: b,
-    onBeforeLeave: k,
-    onLeave: x,
-    onAfterLeave: O,
-    onLeaveCancelled: T
-  } = e;
-  let h;
-  o && X[o] ? (h = { ...X[o] }, a && (h.enterFrom = a), d && (h.enterActive = d), y && (h.enterTo = y), v && (h.leaveFrom = v), C && (h.leaveActive = C), A && (h.leaveTo = A)) : h = {
-    enterFrom: a,
-    enterActive: d,
-    enterTo: y,
-    leaveFrom: v,
-    leaveActive: C,
-    leaveTo: A
-  };
-  const R = t || (o ? `transition-${o}` : "transition"), _ = $e(n ? r : [], R);
-  return _._transition = {
-    name: R,
-    classes: h,
-    mode: c,
-    duration: s,
-    appear: u,
-    css: m,
-    state: n ? "visible" : "hidden",
-    hooks: {
-      onBeforeEnter: f,
-      onEnter: p,
-      onAfterEnter: g,
-      onEnterCancelled: b,
-      onBeforeLeave: k,
-      onLeave: x,
-      onAfterLeave: O,
-      onLeaveCancelled: T
-    }
-  }, _;
-}
-function Be(e, r) {
-  const {
-    tag: o = "div",
-    moveClass: n = "transition-transform duration-300",
-    preset: c,
-    show: s = !0,
-    mode: u = "default",
-    duration: m,
-    appear: t = !1,
-    css: a = !0,
-    name: d,
-    class: y,
-    style: v,
-    enterFrom: C,
-    enterActive: A,
-    enterTo: f,
-    leaveFrom: p,
-    leaveActive: g,
-    leaveTo: b,
-    onBeforeEnter: k,
-    onEnter: x,
-    onAfterEnter: O,
-    onEnterCancelled: T,
-    onBeforeLeave: h,
-    onLeave: R,
-    onAfterLeave: _,
-    onLeaveCancelled: w
-  } = e;
-  let l;
-  c && X[c] ? (l = { ...X[c] }, C && (l.enterFrom = C), A && (l.enterActive = A), f && (l.enterTo = f), p && (l.leaveFrom = p), g && (l.leaveActive = g), b && (l.leaveTo = b)) : l = {
-    enterFrom: C,
-    enterActive: A,
-    enterTo: f,
-    leaveFrom: p,
-    leaveActive: g,
-    leaveTo: b
-  };
-  const P = d || (c ? `transition-group-${c}` : "transition-group"), W = [];
-  for (const S of s ? r : [])
-    if (S && typeof S == "object" && S.tag === "#anchor") {
-      const D = Array.isArray(S.children) ? S.children : [];
-      for (const L of D)
-        if (L && typeof L == "object") {
-          const Q = {
-            ...L,
-            key: S.key || L.key,
-            props: {
-              ...L.props,
-              _anchorKey: S.key
-              // Preserve original anchor key
-            }
-          };
-          W.push(Q);
-        } else
-          W.push(L);
-    } else
-      W.push(S);
-  const V = (() => {
-    if (v)
-      return typeof v == "string" ? v : Object.entries(v).map(([S, D]) => `${S}: ${D}`).join("; ");
-  })();
-  return {
-    tag: o,
-    children: W,
-    key: P,
-    props: {
-      attrs: {
-        ...y ? { class: y } : {},
-        ...V ? { style: V } : {}
-      },
-      _transitionGroup: {
-        name: P,
-        classes: l,
-        moveClass: n,
-        mode: u,
-        duration: m,
-        appear: t,
-        css: a,
-        hooks: {
-          onBeforeEnter: k,
-          onEnter: x,
-          onAfterEnter: O,
-          onEnterCancelled: T,
-          onBeforeLeave: h,
-          onLeave: R,
-          onAfterLeave: _,
-          onLeaveCancelled: w
-        }
-      }
-    }
-  };
-}
-function Ue(e) {
-  return { ...e };
-}
-let B = null;
-function Me() {
-  if (!B) {
-    if (typeof CSSStyleSheet > "u")
-      return B = {
-        cssRules: [],
-        replaceSync: () => {
-        },
-        toString: () => ""
-      }, B;
-    const e = [];
-    Object.values(X).forEach((n) => {
-      n.enterFrom && e.push(n.enterFrom), n.enterActive && e.push(n.enterActive), n.enterTo && e.push(n.enterTo), n.leaveFrom && e.push(n.leaveFrom), n.leaveActive && e.push(n.leaveActive), n.leaveTo && e.push(n.leaveTo);
-    });
-    const r = `<div class="${e.join(" ")}"></div>`, o = Le(r);
-    try {
-      B = new CSSStyleSheet(), B.replaceSync(o);
-    } catch {
-      B = {
-        cssRules: [],
-        replaceSync: () => {
-        },
-        toString: () => o || ""
-      };
-    }
-  }
-  return B;
-}
-function Pe() {
-  if (!(typeof window > "u" || typeof CSSStyleSheet > "u"))
-    try {
-      Me();
-    } catch {
-    }
-}
-Pe();
-export {
-  Ne as T,
-  Me as a,
-  pe as b,
-  ke as c,
-  Be as d,
-  Ue as e,
-  Ie as g,
-  Le as j,
-  ge as m,
-  De as s,
-  X as t
-};
-//# sourceMappingURL=transitions-DCIjMqzG.js.map