@plumile/ui 0.1.55 → 0.1.57

package/lib/esm/style.js

@@ -0,0 +1,4 @@
+import "./theme/accessibility.css.js";
+import "./index.js";
+import "./theme/theme.css.js";
+import "./theme/global.css.js";

package/lib/esm/svg/ChevronDownIcon.js

@@ -1,11 +1,12 @@
+import { ChevronDownSvg as e } from "../icons/ChevronDownSvg.js";
 import { jsx as t } from "react/jsx-runtime";
-import { ChevronDownSvg as n } from "../icons/ChevronDownSvg.js";
-const m = ({
-  size: o = 24,
-  className: r
-}) => /* @__PURE__ */ t(n, { width: o, height: o, className: r });
-export {
-  m as ChevronDownIcon,
-  m as default
-};
-//# sourceMappingURL=ChevronDownIcon.js.map
+//#region src/svg/ChevronDownIcon.tsx
+var n = ({ size: n = 24, className: r }) => /* @__PURE__ */ t(e, {
+	width: n,
+	height: n,
+	className: r
+});
+//#endregion
+export { n as ChevronDownIcon, n as default };
+
+//# sourceMappingURL=ChevronDownIcon.js.map

package/lib/esm/svg/ChevronDownIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronDownIcon.js","sources":["../../../src/svg/ChevronDownIcon.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { ChevronDownSvg } from '../icons/ChevronDownSvg.js';\n\ntype Props = {\n  size?: number;\n  className?: string;\n};\n\nexport const ChevronDownIcon = ({\n  size = 24,\n  className,\n}: Props): JSX.Element => {\n  return <ChevronDownSvg width={size} height={size} className={className} />;\n};\n\nexport default ChevronDownIcon;\n"],"names":["ChevronDownIcon","size","className","ChevronDownSvg"],"mappings":";;AASO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,wBACUC,GAAA,EAAe,OAAOF,GAAM,QAAQA,GAAM,WAAAC,GAAsB;"}
+{"version":3,"file":"ChevronDownIcon.js","names":[],"sources":["../../../src/svg/ChevronDownIcon.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { ChevronDownSvg } from '../icons/ChevronDownSvg.js';\n\ntype Props = {\n  size?: number;\n  className?: string;\n};\n\nexport const ChevronDownIcon = ({\n  size = 24,\n  className,\n}: Props): JSX.Element => {\n  return <ChevronDownSvg width={size} height={size} className={className} />;\n};\n\nexport default ChevronDownIcon;\n"],"mappings":";;;AASA,IAAa,KAAmB,EAC9B,UAAO,IACP,mBAEO,kBAAC,GAAD;CAAgB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA"}

package/lib/esm/svg/ChevronRightIcon.js

@@ -1,10 +1,12 @@
+import { ChevronRightSvg as e } from "../icons/ChevronRightSvg.js";
 import { jsx as t } from "react/jsx-runtime";
-import { ChevronRightSvg as h } from "../icons/ChevronRightSvg.js";
-const e = ({
-  size: o = 24,
-  className: r
-}) => /* @__PURE__ */ t(h, { width: o, height: o, className: r });
-export {
-  e as ChevronRightIcon
-};
-//# sourceMappingURL=ChevronRightIcon.js.map
+//#region src/svg/ChevronRightIcon.tsx
+var n = ({ size: n = 24, className: r }) => /* @__PURE__ */ t(e, {
+	width: n,
+	height: n,
+	className: r
+});
+//#endregion
+export { n as ChevronRightIcon };
+
+//# sourceMappingURL=ChevronRightIcon.js.map

package/lib/esm/svg/ChevronRightIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronRightIcon.js","sources":["../../../src/svg/ChevronRightIcon.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { ChevronRightSvg } from '../icons/ChevronRightSvg.js';\n\ntype Props = {\n  size?: number;\n  className?: string;\n};\n\nexport const ChevronRightIcon = ({\n  size = 24,\n  className,\n}: Props): JSX.Element => {\n  return <ChevronRightSvg width={size} height={size} className={className} />;\n};\n"],"names":["ChevronRightIcon","size","className","ChevronRightSvg"],"mappings":";;AASO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,wBACUC,GAAA,EAAgB,OAAOF,GAAM,QAAQA,GAAM,WAAAC,GAAsB;"}
+{"version":3,"file":"ChevronRightIcon.js","names":[],"sources":["../../../src/svg/ChevronRightIcon.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { ChevronRightSvg } from '../icons/ChevronRightSvg.js';\n\ntype Props = {\n  size?: number;\n  className?: string;\n};\n\nexport const ChevronRightIcon = ({\n  size = 24,\n  className,\n}: Props): JSX.Element => {\n  return <ChevronRightSvg width={size} height={size} className={className} />;\n};\n"],"mappings":";;;AASA,IAAa,KAAoB,EAC/B,UAAO,IACP,mBAEO,kBAAC,GAAD;CAAiB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA"}

package/lib/esm/svg/GlobeIcon.js

@@ -1,7 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
 import { GlobeSvg as e } from "../icons/GlobeSvg.js";
-const i = ({ size: o = 24, className: r }) => /* @__PURE__ */ t(e, { width: o, height: o, className: r });
-export {
-  i as GlobeIcon
-};
-//# sourceMappingURL=GlobeIcon.js.map
+import { jsx as t } from "react/jsx-runtime";
+//#region src/svg/GlobeIcon.tsx
+var n = ({ size: n = 24, className: r }) => /* @__PURE__ */ t(e, {
+	width: n,
+	height: n,
+	className: r
+});
+//#endregion
+export { n as GlobeIcon };
+
+//# sourceMappingURL=GlobeIcon.js.map

package/lib/esm/svg/GlobeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobeIcon.js","sources":["../../../src/svg/GlobeIcon.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { GlobeSvg } from '../icons/GlobeSvg.js';\n\ntype Props = {\n  size?: number;\n  className?: string;\n};\n\nexport const GlobeIcon = ({ size = 24, className }: Props): JSX.Element => {\n  return <GlobeSvg width={size} height={size} className={className} />;\n};\n"],"names":["GlobeIcon","size","className","GlobeSvg"],"mappings":";;AASO,MAAMA,IAAY,CAAC,EAAE,MAAAC,IAAO,IAAI,WAAAC,0BAC7BC,GAAA,EAAS,OAAOF,GAAM,QAAQA,GAAM,WAAAC,GAAsB;"}
+{"version":3,"file":"GlobeIcon.js","names":[],"sources":["../../../src/svg/GlobeIcon.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { GlobeSvg } from '../icons/GlobeSvg.js';\n\ntype Props = {\n  size?: number;\n  className?: string;\n};\n\nexport const GlobeIcon = ({ size = 24, className }: Props): JSX.Element => {\n  return <GlobeSvg width={size} height={size} className={className} />;\n};\n"],"mappings":";;;AASA,IAAa,KAAa,EAAE,UAAO,IAAI,mBAC9B,kBAAC,GAAD;CAAU,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA"}

package/lib/esm/theme/ThemeProvider.js

@@ -1,38 +1,34 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createContext as h, useState as a, useEffect as n, useMemo as f, useContext as l } from "react";
-const m = h(void 0), s = "kronex-theme-preference", i = {
-  light: "theme-light",
-  dark: "theme-dark"
-}, E = ({
-  children: o,
-  defaultTheme: d = "light"
-}) => {
-  const [t, r] = a(d);
-  n(() => {
-    if (typeof window > "u")
-      return;
-    const e = window.localStorage.getItem(s);
-    (e === "light" || e === "dark") && r(e);
-  }, []), n(() => {
-    if (typeof document > "u")
-      return;
-    const e = document.documentElement;
-    e.classList.remove(...Object.values(i)), e.classList.add(i[t]), e.setAttribute("data-theme", t), typeof window < "u" && window.localStorage.setItem(s, t);
-  }, [t]);
-  const u = f(() => ({
-    currentTheme: t,
-    setTheme: r
-  }), [t]);
-  return /* @__PURE__ */ c(m.Provider, { value: u, children: o });
-}, v = () => {
-  const o = l(m);
-  if (o == null)
-    throw new Error("useTheme must be used within a ThemeProvider");
-  return o;
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
+//#region src/theme/ThemeProvider.tsx
+var o = t(void 0), s = "kronex-theme-preference", c = {
+	light: "theme-light",
+	dark: "theme-dark"
+}, l = ({ children: t, defaultTheme: n = "light" }) => {
+	let [l, u] = a(n);
+	r(() => {
+		if (typeof window > "u") return;
+		let e = window.localStorage.getItem(s);
+		(e === "light" || e === "dark") && u(e);
+	}, []), r(() => {
+		if (typeof document > "u") return;
+		let e = document.documentElement;
+		e.classList.remove(...Object.values(c)), e.classList.add(c[l]), e.setAttribute("data-theme", l), typeof window < "u" && window.localStorage.setItem(s, l);
+	}, [l]);
+	let d = i(() => ({
+		currentTheme: l,
+		setTheme: u
+	}), [l]);
+	return /* @__PURE__ */ e(o.Provider, {
+		value: d,
+		children: t
+	});
+}, u = () => {
+	let e = n(o);
+	if (e == null) throw Error("useTheme must be used within a ThemeProvider");
+	return e;
 };
-export {
-  s as THEME_KEY,
-  E as ThemeProvider,
-  v as useTheme
-};
-//# sourceMappingURL=ThemeProvider.js.map
+//#endregion
+export { s as THEME_KEY, l as ThemeProvider, u as useTheme };
+
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/esm/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ReactNode,\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\ntype ThemeName = 'light' | 'dark';\n\ntype ThemeContextValue = {\n  currentTheme: ThemeName;\n  setTheme: (theme: ThemeName) => void;\n};\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nexport const THEME_KEY = 'kronex-theme-preference';\n\nconst THEME_CLASSNAMES: Record<ThemeName, string> = {\n  light: 'theme-light',\n  dark: 'theme-dark',\n};\n\ntype ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: ThemeName;\n};\n\nexport const ThemeProvider = ({\n  children,\n  defaultTheme = 'light',\n}: ThemeProviderProps): JSX.Element => {\n  const [currentTheme, setCurrentTheme] = useState<ThemeName>(defaultTheme);\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const savedTheme = window.localStorage.getItem(THEME_KEY);\n\n    if (savedTheme === 'light' || savedTheme === 'dark') {\n      setCurrentTheme(savedTheme);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    const root = document.documentElement;\n\n    root.classList.remove(...Object.values(THEME_CLASSNAMES));\n    root.classList.add(THEME_CLASSNAMES[currentTheme]);\n    root.setAttribute('data-theme', currentTheme);\n\n    if (typeof window !== 'undefined') {\n      window.localStorage.setItem(THEME_KEY, currentTheme);\n    }\n  }, [currentTheme]);\n\n  const value = useMemo(() => {\n    return {\n      currentTheme,\n      setTheme: setCurrentTheme,\n    };\n  }, [currentTheme]);\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n};\n\nexport const useTheme = (): ThemeContextValue => {\n  const context = useContext(ThemeContext);\n\n  if (context == null) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n\n  return context;\n};\n"],"names":["ThemeContext","createContext","THEME_KEY","THEME_CLASSNAMES","ThemeProvider","children","defaultTheme","currentTheme","setCurrentTheme","useState","useEffect","savedTheme","root","value","useMemo","jsx","useTheme","context","useContext"],"mappings":";;AAiBA,MAAMA,IAAeC,EAA6C,MAAS,GAE9DC,IAAY,2BAEnBC,IAA8C;AAAA,EAClD,OAAO;AAAA,EACP,MAAM;AACR,GAOaC,IAAgB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAAuC;AACrC,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAoBH,CAAY;AAExE,EAAAI,EAAU,MAAM;AACd,QAAI,OAAO,SAAW;AACpB;AAGF,UAAMC,IAAa,OAAO,aAAa,QAAQT,CAAS;AAExD,KAAIS,MAAe,WAAWA,MAAe,WAC3CH,EAAgBG,CAAU;AAAA,EAE9B,GAAG,CAAA,CAAE,GAELD,EAAU,MAAM;AACd,QAAI,OAAO,WAAa;AACtB;AAGF,UAAME,IAAO,SAAS;AAEtB,IAAAA,EAAK,UAAU,OAAO,GAAG,OAAO,OAAOT,CAAgB,CAAC,GACxDS,EAAK,UAAU,IAAIT,EAAiBI,CAAY,CAAC,GACjDK,EAAK,aAAa,cAAcL,CAAY,GAExC,OAAO,SAAW,OACpB,OAAO,aAAa,QAAQL,GAAWK,CAAY;AAAA,EAEvD,GAAG,CAACA,CAAY,CAAC;AAEjB,QAAMM,IAAQC,EAAQ,OACb;AAAA,IACL,cAAAP;AAAA,IACA,UAAUC;AAAA,EAAA,IAEX,CAACD,CAAY,CAAC;AAEjB,SACE,gBAAAQ,EAACf,EAAa,UAAb,EAAsB,OAAAa,GAAe,UAAAR,EAAA,CAAS;AAEnD,GAEaW,IAAW,MAAyB;AAC/C,QAAMC,IAAUC,EAAWlB,CAAY;AAEvC,MAAIiB,KAAW;AACb,UAAM,IAAI,MAAM,8CAA8C;AAGhE,SAAOA;AACT;"}
+{"version":3,"file":"ThemeProvider.js","names":[],"sources":["../../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ReactNode,\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\ntype ThemeName = 'light' | 'dark';\n\ntype ThemeContextValue = {\n  currentTheme: ThemeName;\n  setTheme: (theme: ThemeName) => void;\n};\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nexport const THEME_KEY = 'kronex-theme-preference';\n\nconst THEME_CLASSNAMES: Record<ThemeName, string> = {\n  light: 'theme-light',\n  dark: 'theme-dark',\n};\n\ntype ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: ThemeName;\n};\n\nexport const ThemeProvider = ({\n  children,\n  defaultTheme = 'light',\n}: ThemeProviderProps): JSX.Element => {\n  const [currentTheme, setCurrentTheme] = useState<ThemeName>(defaultTheme);\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const savedTheme = window.localStorage.getItem(THEME_KEY);\n\n    if (savedTheme === 'light' || savedTheme === 'dark') {\n      setCurrentTheme(savedTheme);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    const root = document.documentElement;\n\n    root.classList.remove(...Object.values(THEME_CLASSNAMES));\n    root.classList.add(THEME_CLASSNAMES[currentTheme]);\n    root.setAttribute('data-theme', currentTheme);\n\n    if (typeof window !== 'undefined') {\n      window.localStorage.setItem(THEME_KEY, currentTheme);\n    }\n  }, [currentTheme]);\n\n  const value = useMemo(() => {\n    return {\n      currentTheme,\n      setTheme: setCurrentTheme,\n    };\n  }, [currentTheme]);\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n};\n\nexport const useTheme = (): ThemeContextValue => {\n  const context = useContext(ThemeContext);\n\n  if (context == null) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n\n  return context;\n};\n"],"mappings":";;;AAiBA,IAAM,IAAe,EAA6C,KAAA,EAAU,EAE/D,IAAY,2BAEnB,IAA8C;CAClD,OAAO;CACP,MAAM;CACP,EAOY,KAAiB,EAC5B,aACA,kBAAe,cACsB;CACrC,IAAM,CAAC,GAAc,KAAmB,EAAoB,EAAa;AAczE,CAZA,QAAgB;AACd,MAAI,OAAO,SAAW,IACpB;EAGF,IAAM,IAAa,OAAO,aAAa,QAAQ,EAAU;AAEzD,GAAI,MAAe,WAAW,MAAe,WAC3C,EAAgB,EAAW;IAE5B,EAAE,CAAC,EAEN,QAAgB;AACd,MAAI,OAAO,WAAa,IACtB;EAGF,IAAM,IAAO,SAAS;AAMtB,EAJA,EAAK,UAAU,OAAO,GAAG,OAAO,OAAO,EAAiB,CAAC,EACzD,EAAK,UAAU,IAAI,EAAiB,GAAc,EAClD,EAAK,aAAa,cAAc,EAAa,EAEzC,OAAO,SAAW,OACpB,OAAO,aAAa,QAAQ,GAAW,EAAa;IAErD,CAAC,EAAa,CAAC;CAElB,IAAM,IAAQ,SACL;EACL;EACA,UAAU;EACX,GACA,CAAC,EAAa,CAAC;AAElB,QACE,kBAAC,EAAa,UAAd;EAA8B;EAAQ;EAAiC,CAAA;GAI9D,UAAoC;CAC/C,IAAM,IAAU,EAAW,EAAa;AAExC,KAAI,KAAW,KACb,OAAU,MAAM,+CAA+C;AAGjE,QAAO"}

package/lib/esm/theme/VisuallyHidden.js

@@ -1,8 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import { visuallyHidden as m } from "./accessibility.css.js";
-import { cx as s } from "./tools.js";
-const l = ({ className: r, ...o }) => /* @__PURE__ */ i("span", { ...o, className: s(m, r) });
-export {
-  l as VisuallyHidden
-};
-//# sourceMappingURL=VisuallyHidden.js.map
+import { cx as e } from "./tools.js";
+import { visuallyHidden as t } from "./accessibility.css.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/theme/VisuallyHidden.tsx
+var r = ({ className: r, ...i }) => /* @__PURE__ */ n("span", {
+	...i,
+	className: e(t, r)
+});
+//#endregion
+export { r as VisuallyHidden };
+
+//# sourceMappingURL=VisuallyHidden.js.map

package/lib/esm/theme/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../src/theme/VisuallyHidden.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type JSX } from 'react';\n\nimport { visuallyHidden } from './accessibility.css.js';\nimport { cx } from './tools.js';\n\ntype Props = ComponentPropsWithoutRef<'span'>;\n\n/**\n * Accessible helper that keeps the content available to assistive tech\n * while removing it from the visual flow.\n */\nexport const VisuallyHidden = ({ className, ...rest }: Props): JSX.Element => {\n  return <span {...rest} className={cx(visuallyHidden, className)} />;\n};\n"],"names":["VisuallyHidden","className","rest","jsx","cx","visuallyHidden"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,GAAGC,QACtC,gBAAAC,EAAC,UAAM,GAAGD,GAAM,WAAWE,EAAGC,GAAgBJ,CAAS,GAAG;"}
+{"version":3,"file":"VisuallyHidden.js","names":[],"sources":["../../../src/theme/VisuallyHidden.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type JSX } from 'react';\n\nimport { visuallyHidden } from './accessibility.css.js';\nimport { cx } from './tools.js';\n\ntype Props = ComponentPropsWithoutRef<'span'>;\n\n/**\n * Accessible helper that keeps the content available to assistive tech\n * while removing it from the visual flow.\n */\nexport const VisuallyHidden = ({ className, ...rest }: Props): JSX.Element => {\n  return <span {...rest} className={cx(visuallyHidden, className)} />;\n};\n"],"mappings":";;;;AAWA,IAAa,KAAkB,EAAE,cAAW,GAAG,QACtC,kBAAC,QAAD;CAAM,GAAI;CAAM,WAAW,EAAG,GAAgB,EAAU;CAAI,CAAA"}

package/lib/esm/theme/accessibility.css.js

@@ -1,9 +1,8 @@
+/* empty css                         */
 /* empty css                             */
-/* empty css                                 */
-var v = "_4k5f060 txvbqb12f txvbqb1px txvbqb1j txvbqbcfo txvbqbfmo txvbqbl6f txvbqbl9f txvbqbps6 txvbqbu6o", x = "_4k5f061", q = "_4k5f062";
-export {
-  q as spin,
-  x as spinAnimation,
-  v as visuallyHidden
-};
-//# sourceMappingURL=accessibility.css.js.map
+//#region src/theme/accessibility.css.ts
+var e = "_4k5f060 txvbqb12f txvbqb1px txvbqb1j txvbqbcfo txvbqbfmo txvbqbl6f txvbqbl9f txvbqbps6 txvbqbu6o", t = "_4k5f061", n = "_4k5f062";
+//#endregion
+export { n as spin, t as spinAnimation, e as visuallyHidden };
+
+//# sourceMappingURL=accessibility.css.js.map

package/lib/esm/theme/accessibility.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"accessibility.css.js","names":[],"sources":["../../../src/theme/accessibility.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\n\nimport { sprinkles } from './sprinkles.css.js';\n\nexport const visuallyHidden = sprinkles({\n  borderWidth: 0,\n  borderStyle: 'none',\n  clip: 'hidden',\n  height: 'px',\n  margin: '-px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: 'px',\n});\n\nexport const spinAnimation = keyframes({\n  '0%': { transform: 'rotate(0deg)' },\n  '100%': { transform: 'rotate(360deg)' },\n});\n\nexport const spin = style({\n  animation: `${spinAnimation} 1s linear infinite`,\n});\n"],"mappings":""}

package/lib/esm/theme/colors.js

@@ -1,101 +1,102 @@
-const r = {
-  inherit: "inherit",
-  current: "currentColor",
-  transparent: "transparent",
-  black: "#000",
-  white: "#fff",
-  "red-50": "#fef2f2",
-  "red-100": "#fee2e2",
-  "red-200": "#fecaca",
-  "red-300": "#fca5a5",
-  "red-400": "#f87171",
-  "red-500": "#ef4444",
-  "red-600": "#dc2626",
-  "red-700": "#b91c1c",
-  "red-800": "#991b1b",
-  "red-900": "#7f1d1d",
-  "amber-50": "#fffbeb",
-  "amber-100": "#fef3c7",
-  "amber-200": "#fde68a",
-  "amber-300": "#fcd34d",
-  "amber-400": "#fbbf24",
-  "amber-500": "#f59e0b",
-  "amber-600": "#d97706",
-  "amber-700": "#b45309",
-  "amber-800": "#92400e",
-  "amber-900": "#78350f",
-  "green-50": "#f0fdf4",
-  "green-100": "#dcfce7",
-  "green-200": "#bbf7d0",
-  "green-300": "#86efac",
-  "green-400": "#4ade80",
-  "green-500": "#22c55e",
-  "green-600": "#16a34a",
-  "green-700": "#15803d",
-  "green-800": "#166534",
-  "green-900": "#14532d",
-  "blue-50": "#eff6ff",
-  "blue-100": "#dbeafe",
-  "blue-200": "#bfdbfe",
-  "blue-250": "#e3edf7",
-  "blue-300": "#93c5fd",
-  "blue-400": "#60a5fa",
-  "blue-500": "#3b82f6",
-  "blue-600": "#2563eb",
-  "blue-700": "#1d4ed8",
-  "blue-800": "#1e40af",
-  "blue-900": "#1e3a8a",
-  "white-500": "rgba(255, 255, 255, 0.5)",
-  "transparent-500": "rgba(0, 0, 0, 0.2)",
-  "transparent-125": "rgba(0, 0, 0, 0.05)",
-  "black-440": "rgba(0, 0, 0, 0.44)",
-  "black-300": "rgba(0, 0, 0, 0.3)",
-  "black-200": "rgba(0, 0, 0, 0.2)",
-  "black-100": "rgba(0, 0, 0, 0.1)",
-  "black-10": "rgba(0, 0, 0, 0.03)",
-  "black-2": "rgba(0, 0, 0, 0.02)",
-  primary: "#A50246",
-  primaryLight: "rgba(165, 2, 70, 0.12)",
-  secondary: "#035d20ff",
-  secondaryHover: "#359A50",
-  secondaryLight: "#E7F5EB",
-  surface: "#FFFFFF",
-  surfaceSecondary: "#F6F7FB",
-  surfaceMuted: "#EEF1F6",
-  surfaceElevated: "#FFFFFF",
-  background: "#FFFFFF",
-  backgroundSecondary: "#F2F3F5",
-  backgroundTertiary: "#E3E5E8",
-  backgroundModifier: "#D4D7DC",
-  text: "#060607",
-  textSecondary: "#4E5058",
-  textMuted: "#747F8D",
-  border: "#E3E5E8",
-  borderSubtle: "#E6E8EE",
-  borderStrong: "#D6DAE3",
-  borderLight: "#D4D7DC",
-  error: "#ED4245",
-  "error-8": "color-mix(in srgb, #ED4245 8%, transparent)",
-  "error-10": "color-mix(in srgb, #ED4245 10%, transparent)",
-  "error-12": "color-mix(in srgb, #ED4245 12%, transparent)",
-  "error-35": "color-mix(in srgb, #ED4245 35%, transparent)",
-  success: "#23A559",
-  successLight: "#E8F5EE",
-  warning: "#F0B232",
-  warningLight: "#FDF6E9",
-  info: "#5865F2",
-  infoLight: "#E3E5FC",
-  brandPrimaryRed: "#c52640",
-  brandSecondaryOrange: "#d4aab1",
-  "brandSecondaryOrange-10": "rgba(212, 170, 177, 0.10)",
-  "brandSecondaryOrange-20": "rgba(212, 170, 177, 0.20)",
-  accent: "#c97e8a",
-  brandWhite: "#FFFFFF",
-  brandLightGray: "#F8F8F8",
-  brandDarkGray: "#333333",
-  brandBackgroundGradient: "linear-gradient(20deg, #d4aab1, #c97e8a, #c52640)"
+//#region src/theme/colors.ts
+var e = {
+	inherit: "inherit",
+	current: "currentColor",
+	transparent: "transparent",
+	black: "#000",
+	white: "#fff",
+	"red-50": "#fef2f2",
+	"red-100": "#fee2e2",
+	"red-200": "#fecaca",
+	"red-300": "#fca5a5",
+	"red-400": "#f87171",
+	"red-500": "#ef4444",
+	"red-600": "#dc2626",
+	"red-700": "#b91c1c",
+	"red-800": "#991b1b",
+	"red-900": "#7f1d1d",
+	"amber-50": "#fffbeb",
+	"amber-100": "#fef3c7",
+	"amber-200": "#fde68a",
+	"amber-300": "#fcd34d",
+	"amber-400": "#fbbf24",
+	"amber-500": "#f59e0b",
+	"amber-600": "#d97706",
+	"amber-700": "#b45309",
+	"amber-800": "#92400e",
+	"amber-900": "#78350f",
+	"green-50": "#f0fdf4",
+	"green-100": "#dcfce7",
+	"green-200": "#bbf7d0",
+	"green-300": "#86efac",
+	"green-400": "#4ade80",
+	"green-500": "#22c55e",
+	"green-600": "#16a34a",
+	"green-700": "#15803d",
+	"green-800": "#166534",
+	"green-900": "#14532d",
+	"blue-50": "#eff6ff",
+	"blue-100": "#dbeafe",
+	"blue-200": "#bfdbfe",
+	"blue-250": "#e3edf7",
+	"blue-300": "#93c5fd",
+	"blue-400": "#60a5fa",
+	"blue-500": "#3b82f6",
+	"blue-600": "#2563eb",
+	"blue-700": "#1d4ed8",
+	"blue-800": "#1e40af",
+	"blue-900": "#1e3a8a",
+	"white-500": "rgba(255, 255, 255, 0.5)",
+	"transparent-500": "rgba(0, 0, 0, 0.2)",
+	"transparent-125": "rgba(0, 0, 0, 0.05)",
+	"black-440": "rgba(0, 0, 0, 0.44)",
+	"black-300": "rgba(0, 0, 0, 0.3)",
+	"black-200": "rgba(0, 0, 0, 0.2)",
+	"black-100": "rgba(0, 0, 0, 0.1)",
+	"black-10": "rgba(0, 0, 0, 0.03)",
+	"black-2": "rgba(0, 0, 0, 0.02)",
+	primary: "#A50246",
+	primaryLight: "rgba(165, 2, 70, 0.12)",
+	secondary: "#035d20ff",
+	secondaryHover: "#359A50",
+	secondaryLight: "#E7F5EB",
+	surface: "#FFFFFF",
+	surfaceSecondary: "#F6F7FB",
+	surfaceMuted: "#EEF1F6",
+	surfaceElevated: "#FFFFFF",
+	background: "#FFFFFF",
+	backgroundSecondary: "#F2F3F5",
+	backgroundTertiary: "#E3E5E8",
+	backgroundModifier: "#D4D7DC",
+	text: "#060607",
+	textSecondary: "#4E5058",
+	textMuted: "#747F8D",
+	border: "#E3E5E8",
+	borderSubtle: "#E6E8EE",
+	borderStrong: "#D6DAE3",
+	borderLight: "#D4D7DC",
+	error: "#ED4245",
+	"error-8": "color-mix(in srgb, #ED4245 8%, transparent)",
+	"error-10": "color-mix(in srgb, #ED4245 10%, transparent)",
+	"error-12": "color-mix(in srgb, #ED4245 12%, transparent)",
+	"error-35": "color-mix(in srgb, #ED4245 35%, transparent)",
+	success: "#23A559",
+	successLight: "#E8F5EE",
+	warning: "#F0B232",
+	warningLight: "#FDF6E9",
+	info: "#5865F2",
+	infoLight: "#E3E5FC",
+	brandPrimaryRed: "#c52640",
+	brandSecondaryOrange: "#d4aab1",
+	"brandSecondaryOrange-10": "rgba(212, 170, 177, 0.10)",
+	"brandSecondaryOrange-20": "rgba(212, 170, 177, 0.20)",
+	accent: "#c97e8a",
+	brandWhite: "#FFFFFF",
+	brandLightGray: "#F8F8F8",
+	brandDarkGray: "#333333",
+	brandBackgroundGradient: "linear-gradient(20deg, #d4aab1, #c97e8a, #c52640)"
 };
-export {
-  r as colors
-};
-//# sourceMappingURL=colors.js.map
+//#endregion
+export { e as colors };
+
+//# sourceMappingURL=colors.js.map

package/lib/esm/theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":["../../../src/theme/colors.ts"],"sourcesContent":["export const colors = {\n  inherit: 'inherit',\n  current: 'currentColor',\n  transparent: 'transparent',\n  black: '#000',\n  white: '#fff',\n  'red-50': '#fef2f2',\n  'red-100': '#fee2e2',\n  'red-200': '#fecaca',\n  'red-300': '#fca5a5',\n  'red-400': '#f87171',\n  'red-500': '#ef4444',\n  'red-600': '#dc2626',\n  'red-700': '#b91c1c',\n  'red-800': '#991b1b',\n  'red-900': '#7f1d1d',\n  'amber-50': '#fffbeb',\n  'amber-100': '#fef3c7',\n  'amber-200': '#fde68a',\n  'amber-300': '#fcd34d',\n  'amber-400': '#fbbf24',\n  'amber-500': '#f59e0b',\n  'amber-600': '#d97706',\n  'amber-700': '#b45309',\n  'amber-800': '#92400e',\n  'amber-900': '#78350f',\n  'green-50': '#f0fdf4',\n  'green-100': '#dcfce7',\n  'green-200': '#bbf7d0',\n  'green-300': '#86efac',\n  'green-400': '#4ade80',\n  'green-500': '#22c55e',\n  'green-600': '#16a34a',\n  'green-700': '#15803d',\n  'green-800': '#166534',\n  'green-900': '#14532d',\n  'blue-50': '#eff6ff',\n  'blue-100': '#dbeafe',\n  'blue-200': '#bfdbfe',\n  'blue-250': '#e3edf7',\n  'blue-300': '#93c5fd',\n  'blue-400': '#60a5fa',\n  'blue-500': '#3b82f6',\n  'blue-600': '#2563eb',\n  'blue-700': '#1d4ed8',\n  'blue-800': '#1e40af',\n  'blue-900': '#1e3a8a',\n  'white-500': 'rgba(255, 255, 255, 0.5)',\n  'transparent-500': 'rgba(0, 0, 0, 0.2)',\n  'transparent-125': 'rgba(0, 0, 0, 0.05)',\n  'black-440': 'rgba(0, 0, 0, 0.44)',\n  'black-300': 'rgba(0, 0, 0, 0.3)',\n  'black-200': 'rgba(0, 0, 0, 0.2)',\n  'black-100': 'rgba(0, 0, 0, 0.1)',\n  'black-10': 'rgba(0, 0, 0, 0.03)',\n  'black-2': 'rgba(0, 0, 0, 0.02)',\n  primary: '#A50246',\n  primaryLight: 'rgba(165, 2, 70, 0.12)',\n  secondary: '#035d20ff',\n  secondaryHover: '#359A50',\n  secondaryLight: '#E7F5EB',\n  surface: '#FFFFFF',\n  surfaceSecondary: '#F6F7FB',\n  surfaceMuted: '#EEF1F6',\n  surfaceElevated: '#FFFFFF',\n  background: '#FFFFFF',\n  backgroundSecondary: '#F2F3F5',\n  backgroundTertiary: '#E3E5E8',\n  backgroundModifier: '#D4D7DC',\n  text: '#060607',\n  textSecondary: '#4E5058',\n  textMuted: '#747F8D',\n  border: '#E3E5E8',\n  borderSubtle: '#E6E8EE',\n  borderStrong: '#D6DAE3',\n  borderLight: '#D4D7DC',\n  error: '#ED4245',\n  'error-8': 'color-mix(in srgb, #ED4245 8%, transparent)',\n  'error-10': 'color-mix(in srgb, #ED4245 10%, transparent)',\n  'error-12': 'color-mix(in srgb, #ED4245 12%, transparent)',\n  'error-35': 'color-mix(in srgb, #ED4245 35%, transparent)',\n  success: '#23A559',\n  successLight: '#E8F5EE',\n  warning: '#F0B232',\n  warningLight: '#FDF6E9',\n  info: '#5865F2',\n  infoLight: '#E3E5FC',\n  brandPrimaryRed: '#c52640',\n  brandSecondaryOrange: '#d4aab1',\n  'brandSecondaryOrange-10': 'rgba(212, 170, 177, 0.10)',\n  'brandSecondaryOrange-20': 'rgba(212, 170, 177, 0.20)',\n  accent: '#c97e8a',\n  brandWhite: '#FFFFFF',\n  brandLightGray: '#F8F8F8',\n  brandDarkGray: '#333333',\n  brandBackgroundGradient: 'linear-gradient(20deg, #d4aab1, #c97e8a, #c52640)',\n};\n"],"names":["colors"],"mappings":"AAAO,MAAMA,IAAS;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,MAAM;AAAA,EACN,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,SAAS;AAAA,EACT,cAAc;AAAA,EACd,MAAM;AAAA,EACN,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAC3B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,yBAAyB;AAC3B;"}
+{"version":3,"file":"colors.js","names":[],"sources":["../../../src/theme/colors.ts"],"sourcesContent":["export const colors = {\n  inherit: 'inherit',\n  current: 'currentColor',\n  transparent: 'transparent',\n  black: '#000',\n  white: '#fff',\n  'red-50': '#fef2f2',\n  'red-100': '#fee2e2',\n  'red-200': '#fecaca',\n  'red-300': '#fca5a5',\n  'red-400': '#f87171',\n  'red-500': '#ef4444',\n  'red-600': '#dc2626',\n  'red-700': '#b91c1c',\n  'red-800': '#991b1b',\n  'red-900': '#7f1d1d',\n  'amber-50': '#fffbeb',\n  'amber-100': '#fef3c7',\n  'amber-200': '#fde68a',\n  'amber-300': '#fcd34d',\n  'amber-400': '#fbbf24',\n  'amber-500': '#f59e0b',\n  'amber-600': '#d97706',\n  'amber-700': '#b45309',\n  'amber-800': '#92400e',\n  'amber-900': '#78350f',\n  'green-50': '#f0fdf4',\n  'green-100': '#dcfce7',\n  'green-200': '#bbf7d0',\n  'green-300': '#86efac',\n  'green-400': '#4ade80',\n  'green-500': '#22c55e',\n  'green-600': '#16a34a',\n  'green-700': '#15803d',\n  'green-800': '#166534',\n  'green-900': '#14532d',\n  'blue-50': '#eff6ff',\n  'blue-100': '#dbeafe',\n  'blue-200': '#bfdbfe',\n  'blue-250': '#e3edf7',\n  'blue-300': '#93c5fd',\n  'blue-400': '#60a5fa',\n  'blue-500': '#3b82f6',\n  'blue-600': '#2563eb',\n  'blue-700': '#1d4ed8',\n  'blue-800': '#1e40af',\n  'blue-900': '#1e3a8a',\n  'white-500': 'rgba(255, 255, 255, 0.5)',\n  'transparent-500': 'rgba(0, 0, 0, 0.2)',\n  'transparent-125': 'rgba(0, 0, 0, 0.05)',\n  'black-440': 'rgba(0, 0, 0, 0.44)',\n  'black-300': 'rgba(0, 0, 0, 0.3)',\n  'black-200': 'rgba(0, 0, 0, 0.2)',\n  'black-100': 'rgba(0, 0, 0, 0.1)',\n  'black-10': 'rgba(0, 0, 0, 0.03)',\n  'black-2': 'rgba(0, 0, 0, 0.02)',\n  primary: '#A50246',\n  primaryLight: 'rgba(165, 2, 70, 0.12)',\n  secondary: '#035d20ff',\n  secondaryHover: '#359A50',\n  secondaryLight: '#E7F5EB',\n  surface: '#FFFFFF',\n  surfaceSecondary: '#F6F7FB',\n  surfaceMuted: '#EEF1F6',\n  surfaceElevated: '#FFFFFF',\n  background: '#FFFFFF',\n  backgroundSecondary: '#F2F3F5',\n  backgroundTertiary: '#E3E5E8',\n  backgroundModifier: '#D4D7DC',\n  text: '#060607',\n  textSecondary: '#4E5058',\n  textMuted: '#747F8D',\n  border: '#E3E5E8',\n  borderSubtle: '#E6E8EE',\n  borderStrong: '#D6DAE3',\n  borderLight: '#D4D7DC',\n  error: '#ED4245',\n  'error-8': 'color-mix(in srgb, #ED4245 8%, transparent)',\n  'error-10': 'color-mix(in srgb, #ED4245 10%, transparent)',\n  'error-12': 'color-mix(in srgb, #ED4245 12%, transparent)',\n  'error-35': 'color-mix(in srgb, #ED4245 35%, transparent)',\n  success: '#23A559',\n  successLight: '#E8F5EE',\n  warning: '#F0B232',\n  warningLight: '#FDF6E9',\n  info: '#5865F2',\n  infoLight: '#E3E5FC',\n  brandPrimaryRed: '#c52640',\n  brandSecondaryOrange: '#d4aab1',\n  'brandSecondaryOrange-10': 'rgba(212, 170, 177, 0.10)',\n  'brandSecondaryOrange-20': 'rgba(212, 170, 177, 0.20)',\n  accent: '#c97e8a',\n  brandWhite: '#FFFFFF',\n  brandLightGray: '#F8F8F8',\n  brandDarkGray: '#333333',\n  brandBackgroundGradient: 'linear-gradient(20deg, #d4aab1, #c97e8a, #c52640)',\n};\n"],"mappings":";AAAA,IAAa,IAAS;CACpB,SAAS;CACT,SAAS;CACT,aAAa;CACb,OAAO;CACP,OAAO;CACP,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,mBAAmB;CACnB,mBAAmB;CACnB,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,YAAY;CACZ,WAAW;CACX,SAAS;CACT,cAAc;CACd,WAAW;CACX,gBAAgB;CAChB,gBAAgB;CAChB,SAAS;CACT,kBAAkB;CAClB,cAAc;CACd,iBAAiB;CACjB,YAAY;CACZ,qBAAqB;CACrB,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;CACN,eAAe;CACf,WAAW;CACX,QAAQ;CACR,cAAc;CACd,cAAc;CACd,aAAa;CACb,OAAO;CACP,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,cAAc;CACd,SAAS;CACT,cAAc;CACd,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,sBAAsB;CACtB,2BAA2B;CAC3B,2BAA2B;CAC3B,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,eAAe;CACf,yBAAyB;CAC1B"}