@foi/design-system 0.0.19 → 0.0.20

package/dist/ThemeProvider-C_PzAJz3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider-C_PzAJz3.js","names":[],"sources":["../src/hocs/ThemeProvider/fonts/loadFonts.ts","../src/hocs/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["const mulishRegular = new URL('../../../assets/fonts/Mulish/Mulish-Regular.ttf', import.meta.url).href;\nconst mulishMedium = new URL('../../../assets/fonts/Mulish/Mulish-Medium.ttf', import.meta.url).href;\nconst mulishSemiBold = new URL('../../../assets/fonts/Mulish/Mulish-SemiBold.ttf', import.meta.url).href;\nconst mulishBold = new URL('../../../assets/fonts/Mulish/Mulish-Bold.ttf', import.meta.url).href;\n\nconst leagueSpartanRegular = new URL('../../../assets/fonts/LeagueSpartan/LeagueSpartan-Regular.ttf', import.meta.url)\n  .href;\nconst leagueSpartanBold = new URL('../../../assets/fonts/LeagueSpartan/LeagueSpartan-Bold.ttf', import.meta.url).href;\n\nconst googleSansCodeLight = new URL('../../../assets/fonts/GoogleSansCode/Light.ttf', import.meta.url).href;\nconst googleSansCodeLightItalic = new URL('../../../assets/fonts/GoogleSansCode/LightItalic.ttf', import.meta.url).href;\nconst googleSansCodeRegular = new URL('../../../assets/fonts/GoogleSansCode/Regular.ttf', import.meta.url).href;\nconst googleSansCodeItalic = new URL('../../../assets/fonts/GoogleSansCode/Italic.ttf', import.meta.url).href;\nconst googleSansCodeMedium = new URL('../../../assets/fonts/GoogleSansCode/Medium.ttf', import.meta.url).href;\nconst googleSansCodeMediumItalic = new URL('../../../assets/fonts/GoogleSansCode/MediumItalic.ttf', import.meta.url)\n  .href;\nconst googleSansCodeSemiBold = new URL('../../../assets/fonts/GoogleSansCode/SemiBold.ttf', import.meta.url).href;\nconst googleSansCodeSemiBoldItalic = new URL('../../../assets/fonts/GoogleSansCode/SemiBoldItalic.ttf', import.meta.url)\n  .href;\nconst googleSansCodeBold = new URL('../../../assets/fonts/GoogleSansCode/Bold.ttf', import.meta.url).href;\nconst googleSansCodeBoldItalic = new URL('../../../assets/fonts/GoogleSansCode/BoldItalic.ttf', import.meta.url).href;\n\nconst materialSymbolsRounded = new URL(\n  '../../../assets/fonts/MaterialSymbolsRounded/MaterialSymbolsRounded.woff2',\n  import.meta.url,\n).href;\n\nconst fontFaceCSS = `\n@font-face { font-family: 'Mulish'; src: url('${mulishRegular}') format('truetype'); }\n@font-face { font-family: 'Mulish'; src: url('${mulishMedium}') format('truetype'); font-weight: 500; }\n@font-face { font-family: 'Mulish'; src: url('${mulishSemiBold}') format('truetype'); font-weight: 600; }\n@font-face { font-family: 'Mulish'; src: url('${mulishBold}') format('truetype'); font-weight: 700; }\n\n@font-face { font-family: 'League Spartan'; src: url('${leagueSpartanRegular}') format('truetype'); }\n@font-face { font-family: 'League Spartan'; src: url('${leagueSpartanBold}') format('truetype'); font-weight: bold; }\n\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeLight}') format('truetype'); font-weight: 300; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeLightItalic}') format('truetype'); font-weight: 300; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeRegular}') format('truetype'); font-weight: 400; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeItalic}') format('truetype'); font-weight: 400; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeMedium}') format('truetype'); font-weight: 500; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeMediumItalic}') format('truetype'); font-weight: 500; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeSemiBold}') format('truetype'); font-weight: 600; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeSemiBoldItalic}') format('truetype'); font-weight: 600; font-style: italic; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeBold}') format('truetype'); font-weight: 700; }\n@font-face { font-family: 'Google Sans Code'; src: url('${googleSansCodeBoldItalic}') format('truetype'); font-weight: 700; font-style: italic; }\n\n@font-face { font-family: 'Material Symbols Rounded'; src: url('${materialSymbolsRounded}') format('woff2'); font-weight: 100 900; font-style: normal; font-display: block; }\n`;\n\nlet injected = false;\n\nexport const loadFonts = () => {\n  if (typeof document === 'undefined' || injected) return;\n  injected = true;\n  const style = document.createElement('style');\n  style.textContent = fontFaceCSS;\n  document.head.appendChild(style);\n};\n","import { useLayoutEffect } from 'react';\nimport { ThemeProviderComponent } from './ThemeProvider.interface';\nimport type { Theme } from './ThemeProvider.interface';\nimport { useCreateThemeStyles } from './useThemeProvider.hook';\nimport { loadFonts } from './fonts/loadFonts';\nimport { ToastProvider } from '@components/molecules/Toast';\n\nconst ThemeProvider = <T extends readonly Theme[]>(props: ThemeProviderComponent<T>) => {\n  const { themes, theme: selectedTheme, children, toast } = props;\n  useCreateThemeStyles(themes, selectedTheme);\n  useLayoutEffect(() => {\n    loadFonts();\n  }, []);\n\n  return (\n    <ToastProvider position={toast?.position} duration={toast?.duration}>\n      {children}\n    </ToastProvider>\n  );\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;;AA2BA,IAAM,IAAc;gDA3BE,IAAA,IAAA,iv1IAAA,KAAA,OAAA,KAAA,IAA2E,CAAC,KA4BpC;gDA3BzC,IAAA,IAAA,qy1IAAA,KAAA,OAAA,KAAA,IAA0E,CAAC,KA4BnC;gDA3BtC,IAAA,IAAA,qt1IAAA,KAAA,OAAA,KAAA,IAA4E,CAAC,KA4BrC;gDA3B5C,IAAA,IAAA,iz1IAAA,KAAA,OAAA,KAAA,IAAwE,CAAC,KA4BjC;;wDA1B9B,IAAA,IAAA,im0EAAA,KAAA,OAAA,KAAA,IAAyF,CACnH,KA2B0E;wDA1BnD,IAAA,IAAA,yv0EAAA,KAAA,OAAA,KAAA,IAAsF,CAAC,KA2BvC;;0DAzB9C,IAAA,IAAA,qgvEAAA,KAAA,OAAA,KAAA,IAA0E,CAAC,KA2BzB;0DA1B5C,IAAA,IAAA,q30EAAA,KAAA,OAAA,KAAA,IAAgF,CAAC,KA2B/B;0DA1BtD,IAAA,IAAA,yqvEAAA,KAAA,OAAA,KAAA,IAA4E,CAAC,KA2B3B;0DA1BnD,IAAA,IAAA,y80EAAA,KAAA,OAAA,KAAA,IAA2E,CAAC,KA2B1B;0DA1BlD,IAAA,IAAA,ykvEAAA,KAAA,OAAA,KAAA,IAA2E,CAAC,KA2B1B;0DA1B5C,IAAA,IAAA,qj1EAAA,KAAA,OAAA,KAAA,IAAiF,CACjH,KA0BkF;0DAzBtD,IAAA,IAAA,ihwEAAA,KAAA,OAAA,KAAA,IAA6E,CAAC,KA0B5B;0DAzB5C,IAAA,IAAA,y/1EAAA,KAAA,OAAA,KAAA,IAAmF,CACrH,KAyBoF;0DAxB5D,IAAA,IAAA,qxwEAAA,KAAA,OAAA,KAAA,IAAyE,CAAC,KAyBxB;0DAxB5C,IAAA,IAAA,qo2EAAA,KAAA,OAAA,KAAA,IAA+E,CAAC,KAyB9B;;kEAvBpD,IAAA,IAAA,m7pxNAAA,KAAA,OAAA,KAAA,IAG9B,CAAC,KAsBuF;GAGrF,IAAW,IAEF,UAAkB;CAC7B,IAAI,OAAO,WAAa,OAAe,GAAU;CACjD,IAAW;CACX,IAAM,IAAQ,SAAS,cAAc,QAAQ;CAE7C,AADA,EAAM,cAAc,GACpB,SAAS,KAAK,YAAY,EAAM;GClD5B,KAA6C,MAAqC;CACtF,IAAM,EAAE,WAAQ,OAAO,GAAe,aAAU,aAAU;CAM1D,OALA,EAAqB,GAAQ,EAAc,EAC3C,QAAsB;EACpB,GAAW;IACV,EAAE,CAAC,EAGJ,kBAAC,GAAD;EAAe,UAAU,GAAO;EAAU,UAAU,GAAO;EACxD;EACa,CAAA"}

package/dist/Toast-_9W7YGxS.js

@@ -1,146 +0,0 @@
-import { a as e, i as t, n, o as r, s as i, t as a } from "./IconButton-C3x-E-ot.js";
-import { r as o } from "./theme-BjrtNRDQ.js";
-import { createContext as s, useCallback as c, useContext as l, useMemo as u, useState as d } from "react";
-import { css as f, keyframes as p } from "@emotion/react";
-//#region src/components/molecules/Toast/Toast.emotion.ts
-var m = (e) => {
-	let t = e.endsWith("left"), n = e.endsWith("center"), r = e.startsWith("top");
-	return n ? r ? "translateY(-20px)" : "translateY(20px)" : t ? "translateX(-20px)" : "translateX(20px)";
-}, h = (e) => p`
-  from { transform: ${m(e)}; opacity: 0; }
-  to { transform: none; opacity: 1; }
-`, g = (e) => p`
-  from { transform: none; opacity: 1; }
-  to { transform: ${m(e)}; opacity: 0; }
-`, _ = (e = "bottom-right") => {
-	let t = e.startsWith("top"), n = e.endsWith("center"), r = e.endsWith("left");
-	return f`
-    &.--TOAST-zone {
-      position: fixed;
-      ${t ? "top: 24px;" : "bottom: 24px;"}
-      ${n ? "left: 50%; transform: translateX(-50%);" : r ? "left: 24px;" : "right: 24px;"}
-      display: flex;
-      flex-direction: ${t ? "column" : "column-reverse"};
-      gap: 8px;
-      z-index: 9000;
-      pointer-events: none;
-    }
-  `;
-}, v = (e) => `
-    // BORDERS
-    ${o(e, "border-color", "--TOAST-EVENTS-ENABLED-BORDER-COLOR")}
-    ${o(e, "border-width", "--TOAST-EVENTS-ENABLED-BORDER-WIDTH")}
-    ${o(e, "border-style", "--TOAST-EVENTS-ENABLED-BORDER-STYLE")}
-  `, y = (e, t = "bottom-right") => f`
-  &.--TOAST {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 12px;
-    min-width: 280px;
-    max-width: 420px;
-    height: 48px;
-    pointer-events: auto;
-    box-shadow:
-      rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,
-      rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,
-      rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
-    box-sizing: border-box;
-    animation: ${h(t)} 150ms ease-in-out;
-
-    &.--TOAST-exiting {
-      animation: ${g(t)} 150ms ease-in-out forwards;
-    }
-
-    ${o(e, "border-radius", "--TOAST-ROOT-BORDER-RADIUS")};
-    ${o(e, "background-color", "--TOAST-EVENTS-ENABLED-BACKGROUND-COLOR")};
-    ${o(e, "color", "--TOAST-EVENTS-ENABLED-COLOR-PRIMARY")};
-    ${v(e)};
-
-    .--TOAST-icon {
-      display: flex;
-      align-items: center;
-      flex-shrink: 0;
-      ${o(e, "color", "--TOAST-EVENTS-ENABLED-ICON-COLOR")};
-    }
-
-    .--TOAST-message {
-      flex: 1;
-      font-family: ${e["--FONTFAMILY-PRIMARY"]};
-      font-size: 0.875rem;
-      line-height: 1.4;
-    }
-  }
-`, b = "--TOAST", x = ({ message: r, icon: i, style: o = {}, position: s = "bottom-right", exiting: c, closable: l, onClose: u }) => /* @__PURE__ */ e("div", {
-	className: [b, c ? `${b}-exiting` : ""].filter(Boolean).join(" "),
-	css: y(o, s),
-	role: "status",
-	"data-testid": b,
-	children: [
-		i && /* @__PURE__ */ t("span", {
-			className: `${b}-icon`,
-			"data-testid": `${b}-icon`,
-			children: /* @__PURE__ */ t(n, { name: i })
-		}),
-		/* @__PURE__ */ t("span", {
-			className: `${b}-message`,
-			"data-testid": `${b}-message`,
-			children: r
-		}),
-		l && u && /* @__PURE__ */ t(a, {
-			icon: /* @__PURE__ */ t(n, { name: "close" }),
-			onClick: u,
-			"data-testid": `${b}-close`
-		})
-	]
-}), S = s(null), C = "--TOAST", w = 300, T = ({ message: e, variant: n, icon: a, position: o, exiting: s, closable: c, onClose: l }) => {
-	let { componentStyles: u } = i([r.TOAST], void 0, n.toUpperCase());
-	return /* @__PURE__ */ t(x, {
-		message: e,
-		icon: a,
-		style: u,
-		position: o,
-		exiting: s,
-		closable: c,
-		onClose: l
-	});
-}, E = ({ children: n, duration: r = 3e3, position: i = "bottom-right" }) => {
-	let [a, o] = d([]), s = c((e) => {
-		o((t) => t.map((t) => t.id === e ? {
-			...t,
-			exiting: !0
-		} : t)), window.setTimeout(() => o((t) => t.filter((t) => t.id !== e)), w);
-	}, []), l = c((e, t = {}) => {
-		let { variant: n = "default", icon: i, duration: a, closable: c } = t, l = crypto.randomUUID();
-		o((t) => [...t, {
-			id: l,
-			message: e,
-			variant: n,
-			icon: i,
-			closable: c
-		}]), window.setTimeout(() => s(l), a ?? r);
-	}, [r, s]), f = u(() => ({ push: l }), [l]);
-	return /* @__PURE__ */ e(S.Provider, {
-		value: f,
-		children: [n, /* @__PURE__ */ t("div", {
-			className: `${C}-zone`,
-			css: _(i),
-			"aria-live": "polite",
-			"aria-atomic": "true",
-			"data-testid": `${C}-zone`,
-			children: a.map((e) => /* @__PURE__ */ t(T, {
-				...e,
-				position: i,
-				onClose: () => s(e.id)
-			}, e.id))
-		})]
-	});
-}, D = () => {
-	let e = l(S);
-	if (!e) throw Error("useToast must be used inside <ToastProvider>");
-	return e;
-};
-//#endregion
-export { E as n, D as t };
-
-//# sourceMappingURL=Toast-_9W7YGxS.js.map

package/dist/Toast-_9W7YGxS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast-_9W7YGxS.js","names":[],"sources":["../src/components/molecules/Toast/Toast.emotion.ts","../src/components/molecules/Toast/Toast.tsx","../src/components/molecules/Toast/Toast.context.ts","../src/components/molecules/Toast/Toast.provider.tsx","../src/components/molecules/Toast/Toast.hook.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\nimport type { ToastPosition } from './Toast.interface';\n\nconst getOffset = (position: ToastPosition): string => {\n  const isLeft = position.endsWith('left');\n  const isCenter = position.endsWith('center');\n  const isTop = position.startsWith('top');\n  if (isCenter) return isTop ? 'translateY(-20px)' : 'translateY(20px)';\n  return isLeft ? 'translateX(-20px)' : 'translateX(20px)';\n};\n\nconst getToastIn = (position: ToastPosition) => keyframes`\n  from { transform: ${getOffset(position)}; opacity: 0; }\n  to { transform: none; opacity: 1; }\n`;\n\nconst getToastOut = (position: ToastPosition) => keyframes`\n  from { transform: none; opacity: 1; }\n  to { transform: ${getOffset(position)}; opacity: 0; }\n`;\n\nexport const zoneStyle = (position: ToastPosition = 'bottom-right') => {\n  const isTop = position.startsWith('top');\n  const isCenter = position.endsWith('center');\n  const isLeft = position.endsWith('left');\n\n  return css`\n    &.--TOAST-zone {\n      position: fixed;\n      ${isTop ? 'top: 24px;' : 'bottom: 24px;'}\n      ${isCenter ? 'left: 50%; transform: translateX(-50%);' : isLeft ? 'left: 24px;' : 'right: 24px;'}\n      display: flex;\n      flex-direction: ${isTop ? 'column' : 'column-reverse'};\n      gap: 8px;\n      z-index: 9000;\n      pointer-events: none;\n    }\n  `;\n};\n\nconst border = (theme: Record<string, string>): string => {\n  return `\n    // BORDERS\n    ${getStyle(theme, 'border-color', `--TOAST-EVENTS-ENABLED-BORDER-COLOR`)}\n    ${getStyle(theme, 'border-width', `--TOAST-EVENTS-ENABLED-BORDER-WIDTH`)}\n    ${getStyle(theme, 'border-style', `--TOAST-EVENTS-ENABLED-BORDER-STYLE`)}\n  `;\n};\n\nconst itemStyle = (theme: Record<string, string>, position: ToastPosition = 'bottom-right') => css`\n  &.--TOAST {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px;\n    min-width: 280px;\n    max-width: 420px;\n    height: 48px;\n    pointer-events: auto;\n    box-shadow:\n      rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,\n      rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,\n      rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;\n    box-sizing: border-box;\n    animation: ${getToastIn(position)} 150ms ease-in-out;\n\n    &.--TOAST-exiting {\n      animation: ${getToastOut(position)} 150ms ease-in-out forwards;\n    }\n\n    ${getStyle(theme, 'border-radius', '--TOAST-ROOT-BORDER-RADIUS')};\n    ${getStyle(theme, 'background-color', '--TOAST-EVENTS-ENABLED-BACKGROUND-COLOR')};\n    ${getStyle(theme, 'color', '--TOAST-EVENTS-ENABLED-COLOR-PRIMARY')};\n    ${border(theme)};\n\n    .--TOAST-icon {\n      display: flex;\n      align-items: center;\n      flex-shrink: 0;\n      ${getStyle(theme, 'color', '--TOAST-EVENTS-ENABLED-ICON-COLOR')};\n    }\n\n    .--TOAST-message {\n      flex: 1;\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 0.875rem;\n      line-height: 1.4;\n    }\n  }\n`;\n\nexport default itemStyle;\n","import type { FC } from 'react';\nimport Icon from '@components/atoms/Icon';\nimport IconButton from '@components/atoms/IconButton';\nimport itemStyle from './Toast.emotion';\nimport type { ToastBaseProps } from './Toast.interface';\n\nconst CLASS = '--TOAST';\n\nconst Toast: FC<ToastBaseProps> = ({\n  message,\n  icon,\n  style = {},\n  position = 'bottom-right',\n  exiting,\n  closable,\n  onClose,\n}) => (\n  <div\n    className={[CLASS, exiting ? `${CLASS}-exiting` : ''].filter(Boolean).join(' ')}\n    css={itemStyle(style, position)}\n    role='status'\n    data-testid={CLASS}\n  >\n    {icon && (\n      <span className={`${CLASS}-icon`} data-testid={`${CLASS}-icon`}>\n        <Icon name={icon} />\n      </span>\n    )}\n    <span className={`${CLASS}-message`} data-testid={`${CLASS}-message`}>\n      {message}\n    </span>\n    {closable && onClose && (\n      <IconButton icon={<Icon name='close' />} onClick={onClose} data-testid={`${CLASS}-close`} />\n    )}\n  </div>\n);\n\nexport default Toast;\n","import { createContext } from 'react';\nimport type { ToastApi } from './Toast.interface';\n\nexport const ToastContext = createContext<ToastApi | null>(null);\n","import { useCallback, useMemo, useState, type FC } from 'react';\nimport { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport { zoneStyle } from './Toast.emotion';\nimport ToastBase from './Toast';\nimport type { ToastItem, ToastApi, ToastOptions, ToastProviderProps, ToastPosition } from './Toast.interface';\nimport { ToastContext } from './Toast.context';\n\nconst CLASS = '--TOAST';\nconst ANIM_DURATION = 300;\n\nconst ToastItemWrapper: FC<ToastItem & { position: ToastPosition; onClose: () => void }> = ({\n  message,\n  variant,\n  icon,\n  position,\n  exiting,\n  closable,\n  onClose,\n}) => {\n  const { componentStyles } = useCreateComponentStyles([Component.TOAST], undefined, variant.toUpperCase());\n  return (\n    <ToastBase\n      message={message}\n      icon={icon}\n      style={componentStyles}\n      position={position}\n      exiting={exiting}\n      closable={closable}\n      onClose={onClose}\n    />\n  );\n};\n\nexport const ToastProvider: FC<ToastProviderProps> = ({ children, duration = 3000, position = 'bottom-right' }) => {\n  const [items, setItems] = useState<ToastItem[]>([]);\n\n  const dismiss = useCallback((id: string) => {\n    setItems(prev => prev.map(t => (t.id === id ? { ...t, exiting: true } : t)));\n    window.setTimeout(() => setItems(prev => prev.filter(t => t.id !== id)), ANIM_DURATION);\n  }, []);\n\n  const push = useCallback(\n    (message: ToastItem['message'], options: ToastOptions = {}) => {\n      const { variant = 'default', icon, duration: d, closable } = options;\n      const id = crypto.randomUUID();\n      setItems(prev => [...prev, { id, message, variant, icon, closable }]);\n      window.setTimeout(() => dismiss(id), d ?? duration);\n    },\n    [duration, dismiss],\n  );\n\n  const api = useMemo<ToastApi>(() => ({ push }), [push]);\n\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      <div\n        className={`${CLASS}-zone`}\n        css={zoneStyle(position)}\n        aria-live='polite'\n        aria-atomic='true'\n        data-testid={`${CLASS}-zone`}\n      >\n        {items.map(t => (\n          <ToastItemWrapper key={t.id} {...t} position={position} onClose={() => dismiss(t.id)} />\n        ))}\n      </div>\n    </ToastContext.Provider>\n  );\n};\n","import { useContext } from 'react';\nimport { ToastContext } from './Toast.context';\n\nexport const useToast = () => {\n  const ctx = useContext(ToastContext);\n  if (!ctx) throw new Error('useToast must be used inside <ToastProvider>');\n  return ctx;\n};\n"],"mappings":"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"}

package/dist/atoms.d.ts

@@ -1,21 +0,0 @@
-export { default as Button } from './components/atoms/Button';
-export { default as Icon } from './components/atoms/Icon';
-export { default as Checkbox } from './components/atoms/Checkbox';
-export { default as DatePicker } from './components/atoms/DatePicker';
-export { default as IconButton } from './components/atoms/IconButton';
-export { default as TextField } from './components/atoms/TextField';
-export { default as NumberField } from './components/atoms/NumberField';
-export { default as Radio } from './components/atoms/Radio';
-export { default as Select } from './components/atoms/Select';
-export { default as Slider } from './components/atoms/Slider';
-export { default as Switch } from './components/atoms/Switch';
-export type { ButtonStyleProps } from './components/atoms/Button/Button.interface';
-export type { CheckboxStyleProps } from './components/atoms/Checkbox/Checkbox.interface';
-export type { DatePickerStyleProps } from './components/atoms/DatePicker/DatePicker.interface';
-export type { IconButtonStyleProps } from './components/atoms/IconButton/IconButton.interface';
-export type { TextFieldStyleProps } from './components/atoms/TextField/TextField.interface';
-export type { NumberFieldStyleProps } from './components/atoms/NumberField/NumberField.interface';
-export type { RadioStyleProps } from './components/atoms/Radio/Radio.interface';
-export type { SelectStyleProps } from './components/atoms/Select/Select.interface';
-export type { SliderStyleProps } from './components/atoms/Slider/Slider.interface';
-export type { SwitchStyleProps } from './components/atoms/Switch/Switch.interface';

package/dist/atoms.mjs

@@ -1,4 +0,0 @@
-import { n as e, t } from "./IconButton-C3x-E-ot.js";
-import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "./Switch-6eNmT34-.js";
-import { n as u } from "./RadioGroup.context-v_CCYB7_.js";
-export { r as Button, u as Checkbox, c as DatePicker, e as Icon, t as IconButton, n as NumberField, i as Radio, s as Select, a as Slider, l as Switch, o as TextField };

package/dist/hocs.d.ts

@@ -1,2 +0,0 @@
-export { default as ThemeProvider } from './hocs/ThemeProvider';
-export type { Theme } from './hocs/ThemeProvider/ThemeProvider.interface';

package/dist/hocs.mjs

@@ -1,2 +0,0 @@
-import { t as e } from "./ThemeProvider-C_PzAJz3.js";
-export { e as ThemeProvider };

package/dist/molecules.d.ts

@@ -1,10 +0,0 @@
-export { default as CheckboxGroup } from './components/molecules/CheckboxGroup';
-export { default as CheckboxTree } from './components/molecules/CheckboxTree';
-export { default as Modal } from './components/molecules/Modal';
-export { ToastProvider } from './components/molecules/Toast';
-export type { ToastApi, ToastOptions } from './components/molecules/Toast';
-export { default as RadioGroup } from './components/molecules/RadioGroup';
-export type { CheckboxGroupStyleProps } from './components/molecules/CheckboxGroup/CheckboxGroup.interface';
-export type { CheckboxTreeStyleProps } from './components/molecules/CheckboxTree/CheckboxTree.interface';
-export type { ModalStyleProps } from './components/molecules/Modal/Modal.interface';
-export type { RadioGroupStyleProps } from './components/molecules/RadioGroup/RadioGroup.interface';

package/dist/molecules.mjs

@@ -1,3 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./RadioGroup-Cvt9MtvM.js";
-import { n as i } from "./Toast-_9W7YGxS.js";
-export { e as CheckboxGroup, n as CheckboxTree, t as Modal, r as RadioGroup, i as ToastProvider };

package/dist/useStateCallback-B4O93zzK.js

@@ -1,32 +0,0 @@
-import { useCallback as e, useEffect as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
-//#region src/hooks/useOnClickOutside.ts
-var a = ({ ref: e, onAction: i, isActive: a, exceptRef: o }) => {
-	let s = r(i);
-	n(() => {
-		s.current = i;
-	}), t(() => {
-		let t = (t) => {
-			if (!e.current || !a) return;
-			let n = t.target, r = !e.current.contains(n), i = o?.current ? o.current.contains(n) : !1;
-			r && !i && s.current();
-		};
-		return document.addEventListener("mousedown", t), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("mousedown", t), document.removeEventListener("keydown", t);
-		};
-	}, [
-		e,
-		o,
-		a
-	]);
-}, o = (n) => {
-	let [a, o] = i(n), s = r(void 0), c = e((e, t) => {
-		s.current = t, o(e);
-	}, []);
-	return t(() => {
-		s.current &&= (s.current(a), void 0);
-	}, [a]), [a, c];
-};
-//#endregion
-export { a as n, o as t };
-
-//# sourceMappingURL=useStateCallback-B4O93zzK.js.map

package/dist/useStateCallback-B4O93zzK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStateCallback-B4O93zzK.js","names":[],"sources":["../src/hooks/useOnClickOutside.ts","../src/hooks/useStateCallback.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, type RefObject } from 'react';\n\ninterface UseClickOutsideAlerter {\n  ref: RefObject<Element | null>;\n  isActive: boolean;\n  onAction: () => void;\n  exceptRef?: RefObject<Element | null>;\n}\n\nexport const useOnClickOutside = ({ ref, onAction, isActive, exceptRef }: UseClickOutsideAlerter) => {\n  const onActionRef = useRef(onAction);\n  useLayoutEffect(() => {\n    onActionRef.current = onAction;\n  });\n\n  useEffect(() => {\n    const handler = (event: Event) => {\n      if (!ref.current || !isActive) return;\n      const target = event.target as Node;\n      const clickedOutside = !ref.current.contains(target);\n      const clickedExcept = exceptRef?.current ? exceptRef.current.contains(target) : false;\n      if (clickedOutside && !clickedExcept) onActionRef.current();\n    };\n\n    document.addEventListener('mousedown', handler);\n    document.addEventListener('keydown', handler);\n    return () => {\n      document.removeEventListener('mousedown', handler);\n      document.removeEventListener('keydown', handler);\n    };\n  }, [ref, exceptRef, isActive]);\n};\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const useStateCallback = <T>(initialState: T): [T, (state: T, cb?: (state: T) => void) => void] => {\n  const [state, setState] = useState(initialState);\n  const cbRef = useRef<((state: T) => void) | undefined>(undefined); // init mutable ref container for callbacks\n\n  const setStateCallback = useCallback((state: T, cb?: (state: T) => void) => {\n    cbRef.current = cb; // store current, passed callback in ref\n    setState(state);\n  }, []); // keep object reference stable, exactly like `useState`\n\n  useEffect(() => {\n    // cb.current is `undefined` on initial render,\n    // so we only invoke callback on state *updates*\n    if (cbRef.current) {\n      cbRef.current(state);\n      cbRef.current = undefined; // reset callback after execution\n    }\n  }, [state]);\n\n  return [state, setStateCallback];\n};\n"],"mappings":";;AASA,IAAa,KAAqB,EAAE,QAAK,aAAU,aAAU,mBAAwC;CACnG,IAAM,IAAc,EAAO,EAAS;CAKpC,AAJA,QAAsB;EACpB,EAAY,UAAU;GACtB,EAEF,QAAgB;EACd,IAAM,KAAW,MAAiB;GAChC,IAAI,CAAC,EAAI,WAAW,CAAC,GAAU;GAC/B,IAAM,IAAS,EAAM,QACf,IAAiB,CAAC,EAAI,QAAQ,SAAS,EAAO,EAC9C,IAAgB,GAAW,UAAU,EAAU,QAAQ,SAAS,EAAO,GAAG;GAChF,AAAI,KAAkB,CAAC,KAAe,EAAY,SAAS;;EAK7D,OAFA,SAAS,iBAAiB,aAAa,EAAQ,EAC/C,SAAS,iBAAiB,WAAW,EAAQ,QAChC;GAEX,AADA,SAAS,oBAAoB,aAAa,EAAQ,EAClD,SAAS,oBAAoB,WAAW,EAAQ;;IAEjD;EAAC;EAAK;EAAW;EAAS,CAAC;GC5BnB,KAAuB,MAAsE;CACxG,IAAM,CAAC,GAAO,KAAY,EAAS,EAAa,EAC1C,IAAQ,EAAyC,KAAA,EAAU,EAE3D,IAAmB,GAAa,GAAU,MAA4B;EAE1E,AADA,EAAM,UAAU,GAChB,EAAS,EAAM;IACd,EAAE,CAAC;CAWN,OATA,QAAgB;EAGd,AAEE,EAAM,aADN,EAAM,QAAQ,EAAM,EACJ,KAAA;IAEjB,CAAC,EAAM,CAAC,EAEJ,CAAC,GAAO,EAAiB"}