@bariskuran/base 0.0.0-stage → 0.0.2

package/src/libs/DesignSystem/index.jsx

@@ -0,0 +1,210 @@
+import { lazy as l } from "react";
+import Layout from "./Layout";
+import code from "./CodeViewer";
+import api from "./ApiViewer";
+import page from "./Page";
+import block from "./Block";
+import variant from "./VariantViewer";
+import output from "./OutputArea";
+import useOutputViewer from "./useOutputViewer";
+import { baseStore } from "../baseStore";
+// import { t } from "../getText";
+
+const getShowInternalDs = () => {
+    try {
+        return !!baseStore.globalData.get?.()?._adminSettings?.showInternalDs;
+    } catch {
+        return false;
+    }
+};
+
+export const formatDsNavLabel = (name) => {
+    if (name == null || name === "") return "";
+    const s = String(name);
+    if (/\s/.test(s)) return s;
+    if (/^[A-Z][A-Z0-9_]*$/.test(s)) return s;
+    if (/^[A-Z]/.test(s)) return `<${s}>`;
+    return s;
+};
+
+const publicSitemap = [
+    ["About base", undefined, l(() => import("./_dS_welcome")), { index: true }],
+    ["How To Setup", "how-to-setup", l(() => import("../@Base/_dS_howToSetup"))],
+    ["Base", "base", l(() => import("../@Base/_dS"))],
+    ["Button", "button", l(() => import("../Button/_dS"))],
+    ["ButtonGroup", "buttonGroup", l(() => import("../ButtonGroup/_dS"))],
+    ["BlockBuilder", "blockBuilder", l(() => import("../BlockBuilder/_dS"))],
+    ["byPath", "byPath", l(() => import("../byPath/_dS"))],
+    ["Card", "card", l(() => import("../Card/_dS"))],
+    ["CardViewer", "cardViewer", l(() => import("../CardViewer/_dS"))],
+    ["cleanFalsyValues", "cleanFalsyValues", l(() => import("../cleanFalsyValues/_dS"))],
+    ["COLORS", "colors", l(() => import("../COLORS/_dS"))],
+    ["colorAlpha", "colorAlpha", l(() => import("../colorAlpha/_dS"))],
+    ["colorWcagMatch", "colorWcagMatch", l(() => import("../colorWcagMatch/_dS"))],
+    ["colorWcagValue", "colorWcagValue", l(() => import("../colorWcagValue/_dS"))],
+    ["colorConverter", "colorConverter", l(() => import("../colorConverter/_dS"))],
+    ["colorFind", "colorFind", l(() => import("../colorFind/_dS"))],
+    ["colorGet", "colorGet", l(() => import("../colorGet/_dS"))],
+    ["colorGet3dShadow", "colorGet3dShadow", l(() => import("../colorGet3DShadow/_dS"))],
+    [
+        "colorPickHigherContrast",
+        "colorPickHigherContrast",
+        l(() => import("../colorPickHigherContrast/_dS")),
+    ],
+    ["colorShader", "colorShader", l(() => import("../colorShader/_dS"))],
+    ["colorTinter", "colorTinter", l(() => import("../colorTinter/_dS"))],
+    ["copyToClipboard", "copyToClipboard", l(() => import("../copyToClipboard/_dS"))],
+    ["createImageCatalog", "createImageCatalog", l(() => import("../createImageCatalog/_dS"))],
+    ["debouncedFunction", "debouncedFunction", l(() => import("../debouncedFunction/_dS"))],
+    ["deepMerge", "deepMerge", l(() => import("../deepMerge/_dS"))],
+    ["delayedFunction", "delayedFunction", l(() => import("../delayedFunction/_dS"))],
+    ["downloadAsCsv", "downloadAsCsv", l(() => import("../downloadAsCsv/_dS"))],
+    ["findDifferences", "findDifferences", l(() => import("../findDifferences/_dS"))],
+    ["Flag", "flag", l(() => import("../Flag/_dS"))],
+    ["flagLibrary", "flagLibrary", l(() => import("../Flag/_dSLibrary"))],
+    ["FloatingUi", "floatingUi", l(() => import("../FloatingUi/_dS"))],
+    ["Flex", "flex", l(() => import("../Flex/_dS"))],
+    ["generateRandom", "generateRandom", l(() => import("../generateRandom/_dS"))],
+    ["GoogleMapViewer", "googleMapViewer", l(() => import("../GoogleMapViewer/_dS"))],
+    ["Group", "group", l(() => import("../Group/_dS"))],
+    ["getText", "getText", l(() => import("../getText/_dS"))],
+    ["getPageRrdInfo", "getPageRrdInfo", l(() => import("../getPageRrdInfo/_dS"))],
+    ["getClientData", "getClientData", l(() => import("../getClientData/_dS"))],
+    ["getTimeDiff", "getTimeDiff", l(() => import("../getTimeDiff/_dS"))],
+    ["Icon", "icon", l(() => import("../Icon/_dS"))],
+    ["Image", "image", l(() => import("../Image/_dS"))],
+    ["ImageGalery", "imageGalery", l(() => import("../ImageGalery/_dS"))],
+    ["Layout.main", "layout_main", l(() => import("../Layout/_dS_mainAmedist"))],
+    ["Layout.header", "layout_header", l(() => import("../Layout/_dS_headerAmedist"))],
+    ["Layout.footer", "layout_footer", l(() => import("../Layout/_dS_footerAmedist"))],
+    ["useLayout", "useLayout", l(() => import("../Layout/_dS_useLayout"))],
+    ["IdleManager", "idleManager", l(() => import("../IdleManager/_dS"))],
+    ["LottiePlayer", "lottiePlayer", l(() => import("../LottiePlayer/_ds"))],
+    ["iconLibrary", "iconLibrary", l(() => import("../Icon/_dSLibrary"))],
+    ["isArray", "isArray", l(() => import("../isArray/_dS"))],
+    [
+        "isArrayOrPlainObject",
+        "isArrayOrPlainObject",
+        l(() => import("../isArrayOrPlainObject/_dS")),
+    ],
+    ["isDeepEqual", "isDeepEqual", l(() => import("../isDeepEqual/_dS"))],
+    ["useDeepEqual", "useDeepEqual", l(() => import("../useDeepEqual/_dS"))],
+    ["isNumber", "isNumber", l(() => import("../isNumber/_dS"))],
+    ["isPlainObject", "isPlainObject", l(() => import("../isPlainObject/_dS"))],
+    ["notifier", "notifier", l(() => import("../notifier/_dS"))],
+    ["ParalaxItem", "paralaxItem", l(() => import("../ParalaxItem/_dS"))],
+    ["PopOver", "popOver", l(() => import("../PopOver/_dS"))],
+    ["PopConfirm", "popConfirm", l(() => import("../PopConfirm/_dS"))],
+    ["PopUp", "popUp", l(() => import("../PopUp/_dS"))],
+    ["PopTip", "popTip", l(() => import("../PopTip/_dS"))],
+    ["pushAsSorted", "pushAsSorted", l(() => import("../pushAsSorted/_dS"))],
+    ["queryConverter", "queryConverter", l(() => import("../queryConverter/_dS"))],
+    ["ScrollBar", "scrollBar", l(() => import("../ScrollBar/_dS"))],
+    ["ScrollAnimatedItem", "scrollAnimatedItem", l(() => import("../ScrollAnimatedItem/_dS"))],
+    ["ScrollFlex", "scrollFlex", l(() => import("../ScrollFlex/_dS"))],
+    ["scrollLock", "scrollLock", l(() => import("../scrollLock/_dS"))],
+    ["isShallowEqual", "isShallowEqual", l(() => import("../isShallowEqual/_dS"))],
+    ["sleep", "sleep", l(() => import("../sleep/_dS"))],
+    ["sortBy", "sortBy", l(() => import("../sortBy/_dS"))],
+    ["Space", "space", l(() => import("../Space/_dS"))],
+    ["Slider", "slider", l(() => import("../Slider/_dS"))],
+    ["stringCaseConverter", "stringCaseConverter", l(() => import("../stringCaseConverter/_dS"))],
+    ["Table", "table", l(() => import("../Table/_dS"))],
+    ["templateLiteralTo", "templateLiteralTo", l(() => import("../templateLiteralTo/_dS"))],
+    ["TemplateLiteral", "templateLiteral", l(() => import("../TemplateLiteral/_dS"))],
+    ["typeOf", "typeOf", l(() => import("../typeOf/_dS"))],
+    ["Typo", "typo", l(() => import("../Typo/_dS"))],
+    ["TypoAnimated", "typoAnimated", l(() => import("../TypoAnimated/_dS"))],
+    ["useBaseEffect", "useBaseEffect", l(() => import("../useBaseEffect/_dS"))],
+    ["useCheckOverflow", "useCheckOverflow", l(() => import("../useCheckOverflow/_dS"))],
+    ["useCountNumber", "useCountNumber", l(() => import("../useCountNumber/_dS"))],
+    [
+        "useDebouncedFunction",
+        "useDebouncedFunction",
+        l(() => import("../useDebouncedFunction/_dS")),
+    ],
+    ["useDebouncedValue", "useDebouncedValue", l(() => import("../useDebouncedValue/_dS"))],
+    ["useEffectAfterMount", "useEffectAfterMount", l(() => import("../useEffectAfterMount/_dS"))],
+    ["useEventListener", "useEventListener", l(() => import("../useEventListener/_dS"))],
+    ["useImagePreloader", "useImagePreloader", l(() => import("../useImagePreloader/_dS"))],
+    ["useImagesReady", "useImagesReady", l(() => import("../useImagesReady/_dS"))],
+    ["useCatalogImage", "useCatalogImage", l(() => import("../useCatalogImage/_dS"))],
+    ["manageSearchParams", "manageSearchParams", l(() => import("../manageSearchParams/_dS"))],
+    ["useSearchParams", "useSearchParams", l(() => import("../useSearchParams/_dS"))],
+    ["useMouseXY", "useMouseXY", l(() => import("../useMouseXY/_dS"))],
+    ["useObserver", "useObserver", l(() => import("../useObserver/_dS"))],
+    ["usePrevious", "usePrevious", l(() => import("../usePrevious/_dS"))],
+    ["useScrollThrottle", "useScrollThrottle", l(() => import("../useScrollThrottle/_dS"))],
+    ["useScrollTopLeft", "useScrollTopLeft", l(() => import("../useScrollTopLeft/_dS"))],
+    [
+        "useScrollWidthHeight",
+        "useScrollWidthHeight",
+        l(() => import("../useScrollWidthHeight/_dS")),
+    ],
+    ["useTimer", "useTimer", l(() => import("../useTimer/_dS"))],
+    ["useRevealNavItem", "useRevealNavItem", l(() => import("../useRevealNavItem/_dS"))],
+    ["useDelayedFunction", "useDelayedFunction", l(() => import("../useDelayedFunction/_dS"))],
+    ["Visibility", "visibility", l(() => import("../Visibility/_dS"))],
+    [
+        "COUNTRY_INFORMATION",
+        "countryInformation",
+        l(() => import("../../constants/COUNTRY_INFORMATION_dS")),
+    ],
+    ["LANGUAGES", "languages", l(() => import("../../constants/LANGUAGES_dS"))],
+    [
+        "LOWER_CASE_ALPHABET",
+        "lowerCaseAlphabet",
+        l(() => import("../../constants/LOWER_CASE_ALPHABET_dS")),
+    ],
+    ["NUMBERS", "numbers", l(() => import("../../constants/NUMBERS_dS"))],
+    ["SYMBOLS", "symbols", l(() => import("../../constants/SYMBOLS_dS"))],
+    [
+        "UPPER_CASE_ALPHABET",
+        "upperCaseAlphabet",
+        l(() => import("../../constants/UPPER_CASE_ALPHABET_dS")),
+    ],
+    ["baseDate", "baseDate", l(() => import("../baseDate/_dS"))],
+    ["baseFetch", "baseFetch", l(() => import("../baseFetch/_dS"))],
+    ["baseForm", "baseForm", l(() => import("../baseForm/_dS"))],
+    ["baseStore.use", "baseStore_use", l(() => import("../baseStore/_dS_useAndCreate"))],
+    ["baseStore.useLocal", "baseStore_useLocal", l(() => import("../baseStore/_dS_useLocal"))],
+    ["baseStore.useGlobal", "baseStore_useGlobal", l(() => import("../baseStore/_dS_useGlobal"))],
+    ["Design System", "design-sistem", l(() => import("./_dS"))],
+];
+
+const internalSitemap = [
+    ["columnTypes", "columnTypes", l(() => import("../columnTypes/_dS"))],
+    ["cssNormalizeSize", "cssNormalizeSize", l(() => import("../cssNormalizeSize/_dS"))],
+    ["cssSpacingResolver", "cssSpacingResolver", l(() => import("../cssSpacingResolver/_dS"))],
+];
+
+export const getSitemap = () => [...publicSitemap, ...(getShowInternalDs() ? internalSitemap : [])];
+
+export const getDesignSystemRoutes = () => [
+    {
+        path: "design-system",
+        element: <Layout getSitemap={getSitemap} formatNavLabel={formatDsNavLabel} />,
+        children: [
+            ...getSitemap().map(([name, path, El, props]) => ({
+                path,
+                element: <El />,
+                ...props,
+                handle: {
+                    pageTitle: formatDsNavLabel(name),
+                },
+            })),
+        ],
+    },
+];
+
+const Ds = {
+    code,
+    variant,
+    api,
+    page,
+    block,
+    output,
+    useOutputViewer,
+    layout: Layout,
+};
+export default Ds;

package/src/libs/DesignSystem/isJsxDescription.js

@@ -0,0 +1,12 @@
+import { isValidElement } from "react";
+
+export const isJsxDescription = (description) => {
+    if (description == null) return false;
+    if (typeof description === "string" || typeof description === "number") return false;
+    if (typeof description === "boolean") return false;
+    if (isValidElement(description)) return true;
+    if (Array.isArray(description)) {
+        return description.some((child) => isJsxDescription(child));
+    }
+    return false;
+};

package/src/libs/DesignSystem/useOutputViewer/index.jsx

@@ -0,0 +1,75 @@
+import DsOutput from "../OutputArea";
+import { baseStore } from "../../baseStore";
+import { formatJsonForDisplay } from "../formatJsonForDisplay";
+import { dedent } from "../../templateLiteralTo/dedent";
+
+const formatOutput = (value) => {
+    const formatted = formatJsonForDisplay(value);
+    return typeof formatted === "string" ? formatted : value == null ? null : String(formatted);
+};
+
+const stripArrowFnPreamble = (s) => {
+    if (typeof s !== "string" || !s.trim()) return s;
+    let t = s.trim().replace(/^async\s+/, "");
+    const m = t.match(/^\([^)]*\)\s*=>\s*([\s\S]+)$/);
+    return m ? m[1].trim() : s.trim();
+};
+
+const formatFnSnippet = (fn) => {
+    const raw = typeof fn === "function" ? String(fn) : typeof fn === "string" ? fn : "";
+    if (!raw.trim()) return "";
+    return dedent(stripArrowFnPreamble(raw));
+};
+
+const useOutputViewer = () => {
+    const { outputs, actives, set } = baseStore.useLocal({ outputs: {}, actives: {} });
+
+    const setOutput = ({ path, activeLabel, output, value, fnString = "" }) => {
+        const out = output !== undefined ? output : value;
+        set((s) => {
+            s.outputs[path] = {
+                fn: fnString,
+                output: formatOutput(out),
+            };
+            s.actives[path] = activeLabel;
+        });
+    };
+
+    const clearOutput = (path) =>
+        set((s) => {
+            s.outputs[path] = null;
+            s.actives[path] = null;
+        });
+
+    const Output = (props) => <DsOutput outputs={outputs} onClose={clearOutput} {...props} />;
+
+    const outputButtonProps = (opts = {}) => {
+        const { path, activeLabel = path, value, fn } = opts;
+        const hasValue = Object.prototype.hasOwnProperty.call(opts, "value");
+
+        return {
+            activeManually: actives[path] === activeLabel,
+            onClick: () => {
+                if (actives[path] === activeLabel) {
+                    clearOutput(path);
+                    return;
+                }
+
+                const output = typeof fn === "function" ? fn() : hasValue ? value : fn;
+                const fnString = formatFnSnippet(fn);
+                setOutput({ path, activeLabel, output, fnString });
+            },
+        };
+    };
+
+    return {
+        outputs,
+        actives,
+        setOutput,
+        clearOutput,
+        outputButtonProps,
+        Output,
+    };
+};
+
+export default useOutputViewer;

package/src/libs/Dropdown/_styled.js

@@ -0,0 +1,24 @@
+import styled from "styled-components";
+
+const S = {
+    container: styled.div`
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        gap: 10rem;
+    `,
+    select: styled.select`
+        width: 100%;
+        min-height: 34rem;
+        border: 1px solid ${({ theme }) => theme.colorAlpha(theme.foreground, 0.25)};
+        border-radius: 6rem;
+        padding: 6rem 10rem;
+        background: ${({ theme }) => theme.background};
+        color: ${({ theme }) => theme.foreground};
+    `,
+    helper: styled.span`
+        font-size: 12rem;
+        opacity: 0.7;
+    `,
+};
+export default S;

package/src/libs/Dropdown/index.jsx

@@ -0,0 +1,91 @@
+import { useMemo, useState } from "react";
+import S from "./_styled.js";
+import { sortBy } from "../sortBy";
+
+const DEFAULT_GET_LABEL = (item) => item?.label ?? "";
+const DEFAULT_GET_VALUE = (item) => item?.value;
+const PLACEHOLDER_VALUE = "__dropdown_placeholder__";
+const toValueKey = (value) => `${typeof value}:${String(value)}`;
+
+export const dropdownDefault = "";
+export const Dropdown = ({
+    options = [],
+    value,
+    onChange,
+    getLabel = DEFAULT_GET_LABEL,
+    getValue = DEFAULT_GET_VALUE,
+    sortBy: sortOrder = "asc",
+    placeholder = "Select an option",
+    disabled = false,
+}) => {
+    const normalized = useMemo(() => {
+        const unique = [];
+        const seen = new Set();
+
+        for (const item of options || []) {
+            const rawValue = getValue(item);
+            if (rawValue == null) continue;
+
+            const key = toValueKey(rawValue);
+            if (seen.has(key)) continue;
+            seen.add(key);
+
+            unique.push({
+                key,
+                value: rawValue,
+                label: String(getLabel(item) ?? ""),
+                item,
+            });
+        }
+
+        if (sortOrder === "none") return unique;
+        if (sortOrder === "desc") return [...unique].sort((a, b) => sortBy.desc(a.label, b.label));
+        return [...unique].sort((a, b) => sortBy.asc(a.label, b.label));
+    }, [getLabel, getValue, options, sortOrder]);
+
+    const selectedKey = value == null ? null : toValueKey(value);
+    const selectedOption = selectedKey ? normalized.find((o) => o.key === selectedKey) : null;
+    const availableOptions = normalized.filter((o) => o.key !== selectedKey);
+
+    const handleChange = (e) => {
+        const key = e.target.value;
+        if (!key || key === PLACEHOLDER_VALUE) return;
+        const next = availableOptions.find((o) => o.key === key);
+        if (!next) return;
+        onChange?.(next.value);
+    };
+
+    return (
+        <S.container>
+            <S.select value={PLACEHOLDER_VALUE} onChange={handleChange} disabled={disabled}>
+                <option value={PLACEHOLDER_VALUE} disabled>
+                    {selectedOption ? selectedOption.label : placeholder}
+                </option>
+                {availableOptions.map((option) => (
+                    <option key={option.key} value={option.key}>
+                        {option.label}
+                    </option>
+                ))}
+            </S.select>
+            {}
+        </S.container>
+    );
+};
+
+export const DropdownControlledExample = () => {
+    const [value, setValue] = useState("tr");
+
+    return (
+        <Dropdown
+            value={value}
+            onChange={setValue}
+            sortBy="asc"
+            options={[
+                { label: "Turkey", value: "tr" },
+                { label: "Germany", value: "de" },
+                { label: "France", value: "fr" },
+                { label: "Germany Duplicate (hidden)", value: "de" },
+            ]}
+        />
+    );
+};

package/src/libs/Flag/_dS.jsx

@@ -0,0 +1,73 @@
+import Ds from "../DesignSystem";
+import { SYS } from "../../constants/SYS";
+import { Flag } from ".";
+import { Flex } from "../Flex";
+import { Button } from "../Button";
+import { t } from "../getText";
+
+const X = () => (
+    <Ds.page
+        title="<Flag>"
+        releasedOn="1.0.0"
+        description={
+            <>
+                {t({ tr: "Flag componenti ülke/bölge bayraklarını dahili bayrak kütüphanesi ve Icon renderer üzerinden gösterir. Bir bayrak kodu bulunamazsa ", en: "The Flag component renders country and region flags through the internal flag library and Icon renderer. When a flag code is missing, it falls back to " })}<code>global</code>{t({ tr: " değerine döner.", en: "." })}
+                <br />
+                {t({ tr: "Şuraya bakın: ", en: "See " })}<Button.string to="/design-system/flagLibrary" label="Flag Library" />.
+                <br />
+                <br />
+                {t({ tr: "Flag componenti Icon componenti üzerine kuruludur. Prop ayrıntıları için ", en: "Flag is built on top of the Icon component. See " })}
+                <Button.string to="/design-system/icon" label="Icon" />{t({ tr: " sayfasına bakın. Ancak color, hoverColor, activeColor gibi stil propları Flag ile çalışmaz; icon yerine flag propunu kullanın.", en: " for its props. Note that style props such as color, hoverColor, and activeColor do not work with Flag; use the flag prop instead of icon." })}
+            </>
+        }
+    >
+        <Ds.block
+            title={{ tr: "Temel kullanım", en: "Basic usage" }}
+            code={`import { Flag } from "${SYS.basePath}";
+
+                   <Flag flag="tr" />
+                   <Flag flag="us" />
+                   <Flag flag="de" />`}
+            example={
+                <Flex gap={12}>
+                    <Flag flag="tr" />
+                    <Flag flag="us" />
+                    <Flag flag="de" />
+                </Flex>
+            }
+        />
+        <Ds.block
+            title={{ tr: "Boyut", en: "Size" }}
+            code={`import { Flag } from "${SYS.basePath}";
+
+                   <Flag flag="tr" width={18} />
+                   <Flag flag="gb" width={24} />
+                   <Flag flag="gr" width={30} />`}
+            example={
+                <Flex gap={12}>
+                    <Flag flag="gr" width={18} />
+                    <Flag flag="gr" width={40} />
+                    <Flag flag="gr" width={60} />
+                </Flex>
+            }
+        />
+        <Ds.block
+            title={{ tr: "Geri dönüş davranışı", en: "Fallback behavior" }}
+            lastBlock
+            description={{ tr: "Bilinmeyen bir bayrak anahtarı verildiğinde Flag, global değerine döner.", en: "When an unknown flag key is provided, Flag falls back to global." }}
+            code={`import { Flag } from "${SYS.basePath}";
+
+                      <Flag flag="unknown-code" width={18} />
+                      <Flag flag="global" width={18} />
+`}
+            example={
+                <Flex gap={12}>
+                    <Flag flag="unknown-code" width={18} />
+                    <Flag flag="global" width={18} />
+                </Flex>
+            }
+        />
+    </Ds.page>
+);
+
+export default X;

package/src/libs/Flag/_dSLibrary.jsx

@@ -0,0 +1,120 @@
+import Ds from "../DesignSystem";
+import { flagNames, loadAllBuiltInFlags } from "./flags";
+import { Flag } from ".";
+import styled from "styled-components";
+import { copyToClipboard } from "../copyToClipboard";
+import { sortBy } from "../sortBy";
+import { Button } from "../Button";
+import { baseStore } from "../baseStore";
+import { useEffect, useState } from "react";
+
+const X = () => (
+    <Ds.page
+        title="Flag Library"
+        releasedOn="1.0.0"
+        description={
+            <>
+                You can browse all available flags here and copy a ready-to-use usage snippet.
+                <br />
+                <br />
+                Check out <Button.string to="/design-system/flag" label="<Flag>" />.
+            </>
+        }
+    >
+        <Ds.block title="Library" example={<Library />} lastBlock />
+    </Ds.page>
+);
+
+export default X;
+
+const S = {
+    Container: styled.div`
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 10px;
+    `,
+    Box: styled.div`
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 10px;
+        border: 1px solid black;
+        padding: 10px;
+        flex: 0 0 150px;
+        height: 150px;
+        cursor: pointer;
+        user-select: none;
+        transition: all 0.25s ease-in-out;
+
+        &:hover {
+            background: rgba(0, 0, 0, 0.08);
+        }
+    `,
+    Label: styled.span`
+        font-size: 12px;
+        font-weight: 600;
+        color: black;
+    `,
+    Input: styled.input`
+        flex: 0 0 100%;
+        width: 100%;
+        margin-bottom: 16px;
+        padding: 6px 10px;
+        font-size: 14px;
+    `,
+};
+
+const Library = () => {
+    const { searchText, set } = baseStore.useLocal({ searchText: "" });
+    const [builtInFlags, setBuiltInFlags] = useState({});
+    const q = String(searchText || "")
+        .trim()
+        .toLowerCase();
+
+    useEffect(() => {
+        let cancelled = false;
+
+        loadAllBuiltInFlags().then((definitions) => {
+            if (!cancelled) setBuiltInFlags(definitions);
+        });
+
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+
+    const isMatch = (code, entry) => {
+        if (!q) return true;
+        const aliases = Array.isArray(entry?.[2]) ? entry[2] : [];
+        if (String(code).toLowerCase().includes(q)) return true;
+        return aliases.some((alias) => String(alias).toLowerCase().includes(q));
+    };
+
+    return (
+        <S.Container>
+            <S.Input
+                type="text"
+                placeholder="Search flags..."
+                value={searchText}
+                onChange={(e) => set({ searchText: e.target.value })}
+            />
+            {flagNames
+                .filter((name) => {
+                    return isMatch(name, builtInFlags[name]);
+                })
+                .sort((a, b) => sortBy.asc(a, b))
+                .map((name) => (
+                    <S.Box
+                        key={name}
+                        onClick={() => copyToClipboard(`<Flag flag="${name}" width={20} />`)}
+                    >
+                        <Flag flag={name} width={36} />
+                        <S.Label>{name}</S.Label>
+                    </S.Box>
+                ))}
+        </S.Container>
+    );
+};

package/src/libs/Flag/flags/ad.js

@@ -0,0 +1 @@
+export default ["20 14","data:image/png;base64,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",["Andorra"]];

package/src/libs/Flag/flags/ae.js

@@ -0,0 +1 @@
+export default ["20 10","data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAoCAYAAABpYH0BAAAAAXNSR0IArs4c6QAAAMFJREFUaEPt0jERwlAURcFEASihJTZQQoMhVGCBNhiBkg5E7C+SmZP+/HmzufPzePpNA7/ldhj42vafmgO0nxSg+U0BBogCmLfAAFEA8xYYIApg3gIDRAHMW2CAKID58AV+1zuetK98OOD5ve5LAK8NMEAUwLwFBogCmLfAAFEA8xYYIApg3gIDRAHMW+DWAB/XC560r3z4ApfPa18CeG2AAaIA5i0wQBTAvAUGiAKYt8AAUQDzFhggCmDeAgNEAcz/a4aPl0Y2aZMAAAAASUVORK5CYII=",["United Arab Emirates","UAE"]];

package/src/libs/Flag/flags/af.js

@@ -0,0 +1 @@
+export default ["20 13.33","data:image/png;base64,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",["Afghanistan"]];

package/src/libs/Flag/flags/ag.js

@@ -0,0 +1 @@
+export default ["20 13.33","data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA2CAYAAABQvB7qAAAAAXNSR0IArs4c6QAABVBJREFUeF7tmltsFFUYgP+9Fuq2W3oxZLVggLSNAdsgxgcStGCIxKRNSkJIo9XAC2rCRQoPGHiA6IO2iiZqXzCxGkJIbNImBkOEIgkPBmhaNaYl0AjVDZG2dNstsHf9zzrLzuxl5sw5Z+Y0cF6azpzLP9/8/3dmJuvoLK1Jdd27A48bPYHO0hpwDC2pS+0PB2EwFqaf4REe0ezxQbcvkAYYTiVh++xNCCZjjzAS45cecHrgVPly8DmcaYA49FoiQiDK1Brr3SSckbG4TGEReHWuEhJTBiD+czJyF+zwYUWZA2bmyH1UtdaN6SD7z0dyzhUaI5o0eq+9ZElmGRVAPGqHD78+Vg7vfTSXA/HI20+QQI9+Na/igvA+OVgGOw7Piualml/xXvbBHIB2+BBBNdW7oW1vSBXw+RPpO71x513V8b7jfhgei+eAFUkz23tFAdrhw5fWeeHciQrYui+kKtepSzUk1qr1Dx+zsKy//9QPm3bOwM9XoiKZqebO9p4uQFE+xE0hNJeCP4OJnAuPjzwJoXAKVr46SUr5mYALrp+pIv1WbZkiY7B0b/xYDX6fA9yN/+TMgWP8ZQ7um47We4YAivAhAug7XgH9gxH47Lt7KgBDpyvhuXo3DAxGSCkrWYmdlGzD0m1pLoFfx+Kwdtu0avye10uh9b9zbXtn8m5IZlM1n/cMAxThQ8zCq6cr4eKVGNkElGzEjaSjZRGJDUsZ+x3Z9f8m0jNPsgpLF1vvwIPMBoJZh2M3rPPA89umuWZfIe8ZBijKh7hpIBwsWdxhMRsxg7oP+EhseHxkNE6gYEPYjQ1uUrqkMj4OZ8bgXHj8aM88902lkPeoAIryoVKyOD+W7TcDDzIZpldumKFvtiwi5YwtX0nrzaF3vpj3qAGK8KFSykowmHVKhuldnLYv79LV854pgGZ8iH5SHobRYRcuR1WOUkpZD1ix89rSxRvz8gte4lBsqIh8u36hOY14zxRAFh+i3xRXKU4bHosRmPhGYTTztBeNmYhvMAirqd6TcWa2W2lvjhHvmQbI4sPs3ZL2omj6a3d3mrFGvccEkNWH2mykucBifVmyDuel8R4zQDM+zF6UdzayZB3GRes9ZoBmfYhvF00NblgecKqcxZqFCBCdejOYhOHROPU7Mq33uAAkPvR4oKsk/SymbUurnLB5vReWVjthVa0LVta6WDlRjb8xkYDrEwm4PZmEs5eicHsqmXd8ZyQC7THzX+JzPmdRRYlvBZt2w+CytbTDpOjffGsIus99zhQLM8CwdzFsbz0GQV81UyBWDw6EJ+FU/2HwRe8zLc0MkPiwspZAXEgN4dVNTzCHzAUg8eGzm6HrxXbmgKyYoPOXk9D+x1kuS3EDiNEsBB/y8B63XVh7C2X3IS/vCQMouw95eU8oQFl9yNN7wgHK5kPe3rMEoCw+FOE9SwDK4kMR3rMMIC40vqUNfut4h8szF+0ka3q/hBVn+miHUfXn+hxYaOUV334B/tdeoQqMtXPoh59g/I13WafRHW8JQFd5GTRc7Afvsqd0A+LRIXrrbxjd0AqJ2Tke0xWdwxKAGMHi1Q0EohUN4d3/fdSKpdS/DxS9Ys2uDnj6w/eFLvPXoQ/gTk+v0DUs3US0VyLSh1Z5z1aAonxopfdsBSjKh1Z6z3aAGABPH1rtPSkAYhA8fGiH96QByOpDu7wnDUBWH9rlPakAmvWhnd6TDiCtD+32npQAjfpQBu9JCdCoD2XwnrQA9Xwoi/ekBljIhzJ5T3qAWh/K5j3pAWp9KJv3FgRAxYf418rve7QfEh3jb+2+QDvocf+HBP4FJqf1I0UXPaUAAAAASUVORK5CYII=",["Antigua & Barbuda"]];

package/src/libs/Flag/flags/ai.js

@@ -0,0 +1 @@
+export default ["20 10","data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAoCAYAAABpYH0BAAAAAXNSR0IArs4c6QAABVBJREFUaEPtmFtMW3Ucx7+lWteMlrIOXLkIc46JYxswcWOa2Wq2vQyHGC8smeDDxC2BMR+2PbitoDGiT7JExliWjpmgMSBzxizGjWKmgI6bMlGSSSNrwTCWQhcZxVrzP/+dQ1tbOJfOLmf9P/Wc8/tffp/+rn/FTw9v8CaUvYqEsl1QxmlAxumWPphrL8JmdzLP8w1zhQlHy03oS8jyE8seH0DVsTaYa9sWWgLpyTqYK55BgduGsfc/gnvEAVVqEpYd2Av94Z4F50dSQHElZ4uXHFipjYUYkFIAzgduySuFDBfFyiOR5LPg3gpLc6/X958XClIMQD7gWE8oPdiyoBKRFFDgkcPeYArxBSkEoBBwfENIJOExHkIAsocQA5IPQDmCY5n5ARQD0jk1jX2l+UGTyIeWDui06qDJgY1xQpNWpC0ucH+FufYiZ4GBH3WaRTBuWI7U/k7caGplPivjtEx2VGc96iceLAu7R+w0q/5hZ2SXFBfCF1z/4BisXcNwum6F5MIni0cSqsLr9YYEKORgwQAKmR9K9q7Pwr1LV4cFYDhgBVsjR1d0p5YOy7qKKEBpHGUHsKHqGtq6ZvGbTYvuX/TQLJ5FRtoUjHl/Ys/Op+DxxqHu40v46pIGQzYtQ2/9YxPIyfwbZS/rkffSfYKIyg6g49sU6PUFmJkZhcfjglJJ29PF07cQk7iJg+Ny9TDf3W4H1OpV0GhyQd5pc2my5Dtkl0QIQIPhdX/9ba3AkAXIqgSSjCHZiALIp4xZl7mM2/TGJ61cSaN6KJkpaVSpyUHrQN+TTg/8ypQ0nskprqQZWbcx7GXM9c4noNdv94f0dSFgO0vfqeKA9EJAk06fM0q536IA+nYi7K5s51BSlO0HLvCm5JwqHXwKaXYdz6QL4/VnMF7fCM/UTe7GhawTrtZtqqeQcUduTPQBzTn00fA0sKoUUOmAbjNgtAD6OR0lAxQCjlVYSCv3f4D8jwX+cAjoq6EAt7cBN23096JEYHIIWFPJsXY62xGfd4Fv+GPk/C4T+FhcoKXwARjKsu+ERTIxMHYr3ZLEPXUi8PtnAOkXCCxicc3ZQJIJuN4LbGvlrHB09ASSNl8TBpBcZ4kBx+4iBKAYkEKvs37+YgWyMksoJDIKrIAlHigenot7DivwpYl+JzFxp41x64HB01jz3FVhANlWjiSHYDFuodgkBqAQkKtdGwUp1N28ErlrdwEk9p0zUjiXzdT62MRBsjKJgRP9dO3YNMYSO4Y7sanYIWg/xUTT514x4KRYYOAJA2Ovr2uvjbntjjzVOt8Qj23G/VSatcKtrYC1lLrqAzoKV20ABo9Tuax9wNJs1HUNY2+1sM426HUWz7PelWJvl7vxVsV7czHQ+trcOYkF3q8BTI3A95XAaDuQUUKzMYDdh8pwsvlBQXrJDiBpy7paaqBUxlJLY0sY1lU3NwB/2SlA4tbrzQwwUsI8XtTItXd8KcoOIFGcK2UIJOKyBuNcB0KgzjiBjkrghT6Ok93+KVKMV/hy4+RkCdDy7j8oefGd+WGQREI6ktuj/sx+vFFN+2YhQ5YAkxKmUXe8CGOz+bxYpKguYHfZeTjG1bzkfYVkCZAouKfYjvwdBzGNjHmhqDGEjrM1qGtKFgyPTJAtQKJcdflVpD95NCREAs/2XRWOHFshCp7sAc4HMRzw7gmArDs/u+N5TIBec+nQjsvfnMIHJ9NEWx47UdYu7EuH1IcH3kyGJ8aAE3WdsP4orGAORfqeASjZ1EIsEAUokWwUYBSgRAISp0ctMApQIgGJ06MWGAUokYDE6VELjAKUSEDi9H8B3rlYVjFdm6kAAAAASUVORK5CYII=",["Anguilla"]];

package/src/libs/Flag/flags/al.js

@@ -0,0 +1 @@
+export default ["20 14.29","data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA6CAYAAAAnft6RAAAAAXNSR0IArs4c6QAABOZJREFUeF7tmoGRDUEQhuciIANEgAgQASJABIgAESACRIAIEAEiQAZEcN6n9qvqmtq9e/tme+29mqnaeu/ezsxuf/v3dE/vnZyWclp6O5jASQd4MLt/AzvANn4dYCO/DrADbCXQOL6vgR1gI4HG4V2BHWAjgcbhm1Dgz1IKx+09jflcSrk6HHsOSeu2CsC3O0APgwnAoj3ZHb9LKV/CuVullBu7v5+XUi4Pv9OHv7+N9KXPq6EfUG31NbMIpgO8V0r5WEp5EyACAqNR0q/Bsivh+7MBWDQagC9G+jIO5fIwAE8D3qNSyt3dbx+yyA3zpgOMhgMGQ1UW319PGBiBC2Ss6+OgQJTKgxH02INYmmc6QG44Qry0c0VUiTL41LWB9K5yZV0T0NHNH1TjnIvPP8McEezS0OJ8qwB00ddtv1cWse5hPKCjIlEhDXe0AYZ+wI9QOX89uPOcoNQCOB0gCkNZQOI7Cz2KqiHqbqxj9TkNBBDrZ1R0PMcDAhxqBi5K5XtmSweIwajFYDFljABR652JTp8GhY0BrIcQXFC1gSULYjpAbhyILPA2ANTup8GoKK6F0XAUhXrHHggKZ14bgSobHtdKB2ikxXjcF1VMuWirSnBx4OLGPIQ1Akk6wNqFyc1o5IZLtnreo3Fh1ID74k7mabip6cZSEEmPULt5Jg8ON467k6WuFedJVyC7BNY7DAQan7QMgM7rtVgXCUqZLR0gSjCVcFFHJRkATby5Jo20KTuQpAPEEFSA+xJApiLsUiohWBFIcN99qzst114F4Em4QyIjxrlfbbn5OJY8kocUdzJr/MdAOkCCCC7rDgQjUUaGC6N0y1tcF5e+8EEEYK5JGIjySDky0hjmRIm6LuuflZ+llF7Pk67AWIoiOrJbACTGvtwp8WmI0HOMNNI6Bw8FcMyvumNJbM7cc/qmA0R9BA+UwOKOgQQSjMO92Peyx+WTAHBekLGPY/jEXanYcI75uR7K53pHFYVZk6ySWAs0wUY9GL0PQB6G651pkhGe3M9k+iiiMOq4FnzCEhMATW1Mdu/v6Tvvh34AMmUBoKUzp/lxLEEERQASA61AAw8l+X5E5VEQwA3p51rGesdayu8WIqzMqGCDBf04WB5Q/IUPIoCzLle71Ni7Dmt+sbBqIXWsVjgWKOhnEeMo0hgMUg1Acw0zrdHldO8xUF+HgFC7qWmLayjnUTeq57cLrUCrLwJCib4TRhkYyMHvHFZQUF9dwaY8ZWGW86x9HMDmiPPyuy2+BdxziZ3VLTWNMX1xP4wKLXiqEoOAEM4qNLAWurtQcVxDdVuwVX1c13RmFpUZnVMBeh9GXAw1L3OL54umm0NnE+QxG+I5XNoXSHHLhkpVXfZLde5xFYBEz/i+IsLBYJRjwo3RUy+gcGNdlwcBwKlE+axrzhDYuV1XAXjuXQxu6LYOKGPvfE1h2L6hsi20zQA0GLC24dZjQYQI7n8hrLHL2OcBbQYgN4sbCwaI1vaoIVrVBnT2/nYfcPbZFECDglu0uBMx1bG2OMfIzL6bAqih9f6Z39fY1x4CepMAMaT+t7ipKH6I0UuO2SxAjHSts6K9pOFLzbVpgILbUtCowW8a4FIqyZynA2yk2wF2gI0EGod3BXaAjQQah3cFdoCNBBqHdwV2gI0EGoejwK3UJhtN+T/D/wJiXY0XEvHiSgAAAABJRU5ErkJggg==",["Albania"]];

package/src/libs/Flag/flags/am.js

@@ -0,0 +1 @@
+export default ["20 10","data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAoCAYAAABpYH0BAAAAAXNSR0IArs4c6QAAALJJREFUaEPt2LENAjEUBUH/Fsiog5QiSK8I8ivnQlqiDRoAiRJu03G+yejJkj3vdfku57TAADxt9w8BNj+A0Q8gwCoQe3cgwCgQcwsEGAViboEAo0DMLbACPq+bz4SAOOt2AAQYBGJqgQCjQMwtEGAUiLkFAowCMbdAgFEg5hYIMArEfO6P3Vs4IM7ntQACDAIxtUCAUSDmFggwCsTcAgFGgZhbIMAoEHMLBBgFYm6BEfAHBJtUiThz84gAAAAASUVORK5CYII=",["Armenia"]];