@povio/ui 2.1.14 → 2.1.16

package/dist/components/text/Typography/typography.cva.js

@@ -1,100 +0,0 @@
-import { cva } from "class-variance-authority";
-const typography = cva("", {
-  variants: {
-    size: {
-      "headline-1": "md:text-desktop-headline-1",
-      "title-1": "md:text-desktop-title-1",
-      "title-2": "md:text-desktop-title-2",
-      "title-3": "md:text-desktop-title-3",
-      "title-4": "md:text-desktop-title-4",
-      "title-5": "md:text-desktop-title-5",
-      "title-6": "md:text-desktop-title-6",
-      "body-1": "md:text-desktop-body-1",
-      "body-2": "md:text-desktop-body-2",
-      "body-3": "md:text-desktop-body-3",
-      "body-4": "md:text-desktop-body-4",
-      "label-1": "md:text-label-1",
-      "label-2": "md:text-label-2",
-      "label-3": "md:text-label-3"
-    },
-    sizeMobile: {
-      "headline-1": "text-mobile-headline-1",
-      "title-1": "text-mobile-title-1",
-      "title-2": "text-mobile-title-2",
-      "title-3": "text-mobile-title-3",
-      "title-4": "text-mobile-title-4",
-      "title-5": "text-mobile-title-5",
-      "title-6": "text-mobile-title-6",
-      "body-1": "text-mobile-body-1",
-      "body-2": "text-mobile-body-2",
-      "body-3": "text-mobile-body-3",
-      "body-4": "text-mobile-body-4",
-      "label-1": "text-label-1",
-      "label-2": "text-label-2",
-      "label-3": "text-label-3"
-    },
-    variant: {
-      default: "",
-      "prominent-1": "",
-      "default-italic": "italic",
-      "prominent-1-italic": "italic",
-      "prominent-2": "",
-      "prominent-2-italic": "italic"
-    }
-  },
-  compoundVariants: [
-    {
-      size: ["headline-1", "title-1", "title-2", "title-3", "title-4", "title-5", "title-6"],
-      className: "font-geist"
-    },
-    {
-      size: ["body-1", "body-2", "body-3", "body-4", "label-1", "label-2", "label-3"],
-      className: "font-inter"
-    },
-    {
-      size: [
-        "headline-1",
-        "title-1",
-        "title-2",
-        "title-3",
-        "title-4",
-        "title-5",
-        "title-6",
-        "label-1",
-        "label-2",
-        "label-3"
-      ],
-      variant: ["default", "default-italic"],
-      className: "font-medium"
-    },
-    {
-      size: [
-        "headline-1",
-        "title-1",
-        "title-2",
-        "title-3",
-        "title-4",
-        "title-5",
-        "title-6",
-        "label-1",
-        "label-2",
-        "label-3"
-      ],
-      variant: ["prominent-1", "prominent-1-italic"],
-      className: "font-semibold"
-    },
-    {
-      size: ["body-1", "body-2", "body-3", "body-4"],
-      variant: ["prominent-1", "prominent-1-italic"],
-      className: "font-medium"
-    },
-    {
-      size: ["body-1", "body-2", "body-3", "body-4"],
-      variant: ["prominent-2", "prominent-2-italic"],
-      className: "font-semibold"
-    }
-  ]
-});
-export {
-  typography
-};

package/dist/config/confirmation.context.js

@@ -1,107 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { createContext, useState, useCallback, useMemo, use } from "react";
-import { useTranslation } from "react-i18next";
-import { ActionModal } from "../components/overlays/ActionModal/ActionModal.js";
-import { ns } from "./i18n.js";
-var Confirmation;
-((Confirmation2) => {
-  const DEFAULT_STATE = {
-    heading: "",
-    description: "",
-    isOpen: false,
-    primaryAction: {
-      label: "",
-      onPress: () => {
-      }
-    },
-    secondaryAction: {
-      label: "",
-      onPress: () => {
-      }
-    }
-  };
-  const Context = createContext(null);
-  Confirmation2.Provider = ({ children }) => {
-    const [state, setState] = useState(DEFAULT_STATE);
-    const { t } = useTranslation(ns);
-    const onCancel = () => setState(DEFAULT_STATE);
-    const confirm = useCallback(
-      async ({
-        heading,
-        description,
-        buttonSize,
-        textAlign,
-        modalClassName,
-        cancelLabel = t(($) => $.ui.confirmation.cancel),
-        confirmLabel = t(($) => $.ui.confirmation.confirm),
-        confirmVariant,
-        confirmColor,
-        cancelVariant,
-        cancelColor
-      }) => {
-        return new Promise((resolve) => {
-          setState({
-            heading,
-            description,
-            buttonSize,
-            textAlign,
-            modalClassName,
-            primaryAction: {
-              label: confirmLabel,
-              onPress() {
-                setState({
-                  ...state,
-                  isOpen: false,
-                  heading: "",
-                  description: ""
-                });
-                resolve(true);
-              },
-              variant: confirmVariant,
-              color: confirmColor
-            },
-            secondaryAction: {
-              label: cancelLabel,
-              onPress() {
-                onCancel();
-                resolve(false);
-              },
-              variant: cancelVariant,
-              color: cancelColor
-            },
-            isOpen: !state.isOpen
-          });
-        });
-      },
-      [state, t]
-    );
-    const value = useMemo(
-      () => ({
-        confirm
-      }),
-      [confirm]
-    );
-    return /* @__PURE__ */ jsxs(Context.Provider, { value, children: [
-      /* @__PURE__ */ jsx(
-        ActionModal,
-        {
-          ...state,
-          onClose: state.secondaryAction?.onPress ?? onCancel,
-          primaryAction: state.primaryAction,
-          secondaryAction: state.secondaryAction
-        }
-      ),
-      children
-    ] });
-  };
-  Confirmation2.useConfirmation = () => {
-    const context = use(Context);
-    if (!context) {
-      throw new Error("Confirmation.useConfirmation must be used within a Confirmation.Provider");
-    }
-    return context;
-  };
-})(Confirmation || (Confirmation = {}));
-export {
-  Confirmation
-};

package/dist/config/i18n.js

@@ -1,15 +0,0 @@
-import translationEN from "../assets/locales/en/translation.json.js";
-import translationSL from "../assets/locales/sl/translation.json.js";
-const ns = "ui";
-const resources = {
-  en: {
-    [ns]: translationEN
-  },
-  sl: {
-    [ns]: translationSL
-  }
-};
-export {
-  ns,
-  resources
-};

package/dist/config/link.context.js

@@ -1,19 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, use } from "react";
-var LinkContext;
-((LinkContext2) => {
-  const LinkContextInternal = createContext(null);
-  LinkContext2.LinkContextProvider = ({ children, LinkComponent }) => {
-    const value = {
-      LinkComponent
-    };
-    return /* @__PURE__ */ jsx(LinkContextInternal.Provider, { value, children });
-  };
-  LinkContext2.useLinkContext = () => {
-    const context = use(LinkContextInternal);
-    return context;
-  };
-})(LinkContext || (LinkContext = {}));
-export {
-  LinkContext
-};

package/dist/config/router.context.js

@@ -1,39 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useMemo, use } from "react";
-import { RouterProvider } from "react-aria";
-var UIRouter;
-((UIRouter2) => {
-  const UIRouterContext = createContext(null);
-  UIRouter2.UIRouterProvider = ({
-    children,
-    pathname,
-    push,
-    replace,
-    searchString
-  }) => {
-    const searchParams = useMemo(() => {
-      return new URLSearchParams(searchString);
-    }, [searchString]);
-    const value = useMemo(
-      () => ({
-        searchParams,
-        pathname,
-        push,
-        searchString,
-        replace
-      }),
-      [searchParams, pathname, push, searchString, replace]
-    );
-    return /* @__PURE__ */ jsx(UIRouterContext, { value, children: /* @__PURE__ */ jsx(RouterProvider, { navigate: push, children }) });
-  };
-  UIRouter2.useUIRouter = () => {
-    const context = use(UIRouterContext);
-    if (!context) {
-      throw new Error("useUIRouter must be used within a UIRouterContext");
-    }
-    return context;
-  };
-})(UIRouter || (UIRouter = {}));
-export {
-  UIRouter
-};

package/dist/config/theme.context.js

@@ -1,73 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useState, useCallback, useEffect, useMemo, use } from "react";
-import { z } from "zod";
-import { useLocalStorage } from "../hooks/useLocalStorage.js";
-var ThemeContext;
-((_ThemeContext) => {
-  const DEFAULT_STORAGE_KEY = "theme";
-  const ThemeSchema = z.literal(["light", "dark", "system"]);
-  const ThemeContext2 = createContext(null);
-  _ThemeContext.ThemeContextProvider = ({
-    children,
-    storageKey = DEFAULT_STORAGE_KEY
-  }) => {
-    const [systemTheme, setSystemTheme] = useState(() => {
-      if (typeof window === "undefined") {
-        return void 0;
-      }
-      const media = window.matchMedia("(prefers-color-scheme: dark)");
-      return media.matches ? "dark" : "light";
-    });
-    const { value: theme, set } = useLocalStorage({
-      key: storageKey,
-      schema: ThemeSchema
-    });
-    const updateTheme = useCallback(
-      (theme2) => {
-        set(theme2);
-      },
-      [set]
-    );
-    useEffect(() => {
-      if (typeof window === "undefined") {
-        return;
-      }
-      const onChange = (event) => {
-        setSystemTheme(event.matches ? "dark" : "light");
-      };
-      const media = window.matchMedia("(prefers-color-scheme: dark)");
-      media.addEventListener("change", onChange);
-      return () => {
-        media.removeEventListener("change", onChange);
-      };
-    }, []);
-    useEffect(() => {
-      document.documentElement.classList.remove("dark");
-      if ((!theme || theme === "system") && systemTheme === "dark" || theme === "dark") {
-        document.documentElement.classList.add("dark");
-        document.documentElement.style.colorScheme = "dark";
-      } else if (theme === "light") {
-        document.documentElement.classList.add("light");
-        document.documentElement.style.colorScheme = "light";
-      } else {
-        document.documentElement.style.colorScheme = "light";
-      }
-    }, [theme, systemTheme]);
-    const contextValue = useMemo(
-      () => ({
-        theme: theme ?? "system",
-        systemTheme,
-        updateTheme
-      }),
-      [theme, systemTheme, updateTheme]
-    );
-    return /* @__PURE__ */ jsx(ThemeContext2.Provider, { value: contextValue, children });
-  };
-  _ThemeContext.useTheme = () => {
-    const context = use(ThemeContext2);
-    return context;
-  };
-})(ThemeContext || (ThemeContext = {}));
-export {
-  ThemeContext
-};

package/dist/config/uiConfig.context.js

@@ -1,69 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, use } from "react";
-import { useDeepCompareMemo } from "../hooks/useDeepCompare.js";
-import { ObjectUtils } from "../utils/object.utils.js";
-var UIConfig;
-((UIConfig2) => {
-  const DEFAULT_CONFIG = {
-    input: {
-      variant: "outlined",
-      as: "default",
-      size: "default",
-      isClearable: false,
-      hideLabel: false
-    },
-    numberInput: {
-      formatOptions: {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 3
-      }
-    },
-    radioGroup: {
-      variant: "default",
-      hideLabel: false
-    },
-    checkbox: {
-      variant: "default"
-    },
-    select: {
-      selectionMode: "single",
-      isSearchable: false,
-      selectedTagsType: "list",
-      collapseAfter: 3
-    },
-    toggle: {
-      variant: "default"
-    },
-    slider: {
-      minValue: 0,
-      maxValue: 100
-    },
-    dateInput: {
-      todayIcon: false,
-      shouldForceLeadingZeros: false,
-      disableManualEntry: false
-    }
-  };
-  const Context = createContext(DEFAULT_CONFIG);
-  UIConfig2.Provider = ({ config = {}, children }) => {
-    const parentConfig = use(Context) || DEFAULT_CONFIG;
-    const value = useDeepCompareMemo(() => {
-      return ObjectUtils.deepConditionalMerge(
-        parentConfig,
-        config,
-        (val) => val !== null && val !== void 0
-      );
-    }, [config, parentConfig]);
-    return /* @__PURE__ */ jsx(Context.Provider, { value, children });
-  };
-  UIConfig2.useConfig = () => {
-    const context = use(Context);
-    if (!context) {
-      throw new Error("UIConfig.useConfig must be used within a UIConfig.Provider");
-    }
-    return context;
-  };
-})(UIConfig || (UIConfig = {}));
-export {
-  UIConfig
-};

package/dist/config/uiStyle.context.js

@@ -1,16 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, use } from "react";
-var UIStyle;
-((UIStyle2) => {
-  const Context = createContext(null);
-  UIStyle2.Provider = ({ children, config }) => {
-    return /* @__PURE__ */ jsx(Context.Provider, { value: config, children });
-  };
-  UIStyle2.useConfig = () => {
-    const context = use(Context);
-    return context;
-  };
-})(UIStyle || (UIStyle = {}));
-export {
-  UIStyle
-};