@regardio/react 0.5.5 → 0.6.0

package/dist/grid/index.js

@@ -1,239 +0,0 @@
-import { tv } from '@regardio/tailwind/utils';
-import { forwardRef, createContext, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var gridItem = tv({
-  defaultVariants: {
-    span: 12
-  },
-  slots: {
-    root: ["relative"]
-  },
-  variants: {
-    end: {
-      1: { root: "col-end-1" },
-      2: { root: "col-end-2" },
-      3: { root: "col-end-3" },
-      4: { root: "col-end-4" },
-      5: { root: "col-end-5" },
-      6: { root: "col-end-6" },
-      7: { root: "col-end-7" },
-      8: { root: "col-end-8" },
-      9: { root: "col-end-9" },
-      10: { root: "col-end-10" },
-      11: { root: "col-end-11" },
-      12: { root: "col-end-12" },
-      13: { root: "col-end-13" },
-      auto: { root: "col-end-auto" }
-    },
-    rowSpan: {
-      1: { root: "row-span-1" },
-      2: { root: "row-span-2" },
-      3: { root: "row-span-3" },
-      4: { root: "row-span-4" },
-      5: { root: "row-span-5" },
-      6: { root: "row-span-6" },
-      full: { root: "row-span-full" }
-    },
-    span: {
-      1: { root: "col-span-1" },
-      2: { root: "col-span-2" },
-      3: { root: "col-span-3" },
-      4: { root: "col-span-4" },
-      5: { root: "col-span-5" },
-      6: { root: "col-span-6" },
-      7: { root: "col-span-7" },
-      8: { root: "col-span-8" },
-      9: { root: "col-span-9" },
-      10: { root: "col-span-10" },
-      11: { root: "col-span-11" },
-      12: { root: "col-span-12" },
-      full: { root: "col-span-full" }
-    },
-    spanLg: {
-      1: { root: "@lg:col-span-1" },
-      2: { root: "@lg:col-span-2" },
-      3: { root: "@lg:col-span-3" },
-      4: { root: "@lg:col-span-4" },
-      5: { root: "@lg:col-span-5" },
-      6: { root: "@lg:col-span-6" },
-      7: { root: "@lg:col-span-7" },
-      8: { root: "@lg:col-span-8" },
-      9: { root: "@lg:col-span-9" },
-      10: { root: "@lg:col-span-10" },
-      11: { root: "@lg:col-span-11" },
-      12: { root: "@lg:col-span-12" },
-      full: { root: "@lg:col-span-full" }
-    },
-    spanMd: {
-      1: { root: "@md:col-span-1" },
-      2: { root: "@md:col-span-2" },
-      3: { root: "@md:col-span-3" },
-      4: { root: "@md:col-span-4" },
-      5: { root: "@md:col-span-5" },
-      6: { root: "@md:col-span-6" },
-      7: { root: "@md:col-span-7" },
-      8: { root: "@md:col-span-8" },
-      9: { root: "@md:col-span-9" },
-      10: { root: "@md:col-span-10" },
-      11: { root: "@md:col-span-11" },
-      12: { root: "@md:col-span-12" },
-      full: { root: "@md:col-span-full" }
-    },
-    spanSm: {
-      1: { root: "@sm:col-span-1" },
-      2: { root: "@sm:col-span-2" },
-      3: { root: "@sm:col-span-3" },
-      4: { root: "@sm:col-span-4" },
-      5: { root: "@sm:col-span-5" },
-      6: { root: "@sm:col-span-6" },
-      7: { root: "@sm:col-span-7" },
-      8: { root: "@sm:col-span-8" },
-      9: { root: "@sm:col-span-9" },
-      10: { root: "@sm:col-span-10" },
-      11: { root: "@sm:col-span-11" },
-      12: { root: "@sm:col-span-12" },
-      full: { root: "@sm:col-span-full" }
-    },
-    spanXl: {
-      1: { root: "@xl:col-span-1" },
-      2: { root: "@xl:col-span-2" },
-      3: { root: "@xl:col-span-3" },
-      4: { root: "@xl:col-span-4" },
-      5: { root: "@xl:col-span-5" },
-      6: { root: "@xl:col-span-6" },
-      7: { root: "@xl:col-span-7" },
-      8: { root: "@xl:col-span-8" },
-      9: { root: "@xl:col-span-9" },
-      10: { root: "@xl:col-span-10" },
-      11: { root: "@xl:col-span-11" },
-      12: { root: "@xl:col-span-12" },
-      full: { root: "@xl:col-span-full" }
-    },
-    spanXs: {
-      1: { root: "@xs:col-span-1" },
-      2: { root: "@xs:col-span-2" },
-      3: { root: "@xs:col-span-3" },
-      4: { root: "@xs:col-span-4" },
-      5: { root: "@xs:col-span-5" },
-      6: { root: "@xs:col-span-6" },
-      7: { root: "@xs:col-span-7" },
-      8: { root: "@xs:col-span-8" },
-      9: { root: "@xs:col-span-9" },
-      10: { root: "@xs:col-span-10" },
-      11: { root: "@xs:col-span-11" },
-      12: { root: "@xs:col-span-12" },
-      full: { root: "@xs:col-span-full" }
-    },
-    start: {
-      1: { root: "col-start-1" },
-      2: { root: "col-start-2" },
-      3: { root: "col-start-3" },
-      4: { root: "col-start-4" },
-      5: { root: "col-start-5" },
-      6: { root: "col-start-6" },
-      7: { root: "col-start-7" },
-      8: { root: "col-start-8" },
-      9: { root: "col-start-9" },
-      10: { root: "col-start-10" },
-      11: { root: "col-start-11" },
-      12: { root: "col-start-12" },
-      13: { root: "col-start-13" },
-      auto: { root: "col-start-auto" }
-    }
-  }
-});
-var GridItem = forwardRef(
-  ({
-    children,
-    className,
-    classNames,
-    span,
-    spanXs,
-    spanSm,
-    spanMd,
-    spanLg,
-    spanXl,
-    start,
-    end,
-    rowSpan,
-    ...props
-  }, ref) => {
-    const styles = gridItem({ end, rowSpan, span, spanLg, spanMd, spanSm, spanXl, spanXs, start });
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: styles.root({ className: classNames?.root ?? className }),
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-GridItem.displayName = "GridItem";
-var grid = tv({
-  defaultVariants: {
-    flow: "dense"
-  },
-  slots: {
-    root: [
-      "u-grid",
-      "grid",
-      "grid-cols-12",
-      "gap-[var(--spacing-grid-gutter)]",
-      "w-full",
-      "container-[grid]/inline-size"
-    ]
-  },
-  variants: {
-    align: {
-      center: { root: "content-center" },
-      end: { root: "content-end" },
-      start: { root: "content-start" },
-      stretch: { root: "content-stretch" }
-    },
-    flow: {
-      column: { root: "grid-auto-flow-col" },
-      dense: { root: "grid-auto-flow-dense" },
-      row: { root: "grid-auto-flow-row" }
-    }
-  }
-});
-var GridContext = createContext(null);
-function useGrid() {
-  const context = useContext(GridContext);
-  if (!context) {
-    throw new Error("useGrid must be used within a <Grid.Root />");
-  }
-  return context;
-}
-var GridRoot = forwardRef(
-  ({ children, className, classNames, flow, align, ...props }, ref) => {
-    const styles = grid({ align, flow });
-    return /* @__PURE__ */ jsx(GridContext.Provider, { value: { styles }, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: styles.root({ className: classNames?.root ?? className }),
-        ref,
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-GridRoot.displayName = "GridRoot";
-
-// src/grid/index.parts.ts
-var index_parts_exports = {};
-__export(index_parts_exports, {
-  Item: () => GridItem,
-  Root: () => GridRoot
-});
-
-export { index_parts_exports as Grid, gridItem, useGrid };

package/dist/heading/index.d.ts

@@ -1,24 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes, ElementType } from 'react';
-
-declare const levelVariants: {
-    readonly 1: readonly ["text-2xl"];
-    readonly 2: readonly ["text-xl"];
-    readonly 3: readonly ["text-lg"];
-    readonly 4: readonly ["text-md"];
-    readonly 5: readonly ["text-sm"];
-    readonly 6: readonly ["text-xs"];
-};
-type HeadingLevel = keyof typeof levelVariants;
-interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
-    as?: ElementType;
-    className?: string;
-    level?: HeadingLevel;
-    locale?: string;
-}
-declare const Heading: {
-    ({ as, children, className, level, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-export { Heading, type HeadingLevel, type HeadingProps };

package/dist/heading/index.js

@@ -1,99 +0,0 @@
-import { tv, cn } from '@regardio/tailwind/utils';
-import { replaceShyInString } from '@regardio/js/text';
-import React, { isValidElement, cloneElement } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/heading/heading.tsx
-var lowerCaseSzett = (text, _returnType) => {
-  const processString = (str) => {
-    const parts = str.split(/(ß)/g);
-    return parts.map(
-      (part, index) => part === "\xDF" ? /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "lowercase",
-          children: part
-        },
-        index.toString()
-      ) : part
-    );
-  };
-  if (typeof text === "string") {
-    return processString(text);
-  }
-  if (isValidElement(text)) {
-    const element = text;
-    const { children, ...props } = element.props;
-    return cloneElement(element, {
-      ...props,
-      children: lowerCaseSzett(children)
-    });
-  }
-  if (Array.isArray(text)) {
-    return text.map((child, index) => /* @__PURE__ */ jsx(React.Fragment, { children: lowerCaseSzett(child) }, index.toString()));
-  }
-  return text;
-};
-function replaceShyInReactNode(node) {
-  if (typeof node === "string") {
-    return node.replace(/\u00AD/g, "");
-  }
-  if (isValidElement(node)) {
-    const element = node;
-    const { children, ...props } = element.props;
-    return cloneElement(element, {
-      ...props,
-      children: replaceShyInReactNode(children)
-    });
-  }
-  if (Array.isArray(node)) {
-    return node.map((child, index) => /* @__PURE__ */ jsx(React.Fragment, { children: replaceShyInReactNode(child) }, index.toString()));
-  }
-  return node;
-}
-function shy(input) {
-  if (input === null) {
-    return null;
-  }
-  if (typeof input === "string") {
-    return replaceShyInString(input);
-  }
-  return replaceShyInReactNode(input);
-}
-var levelVariants = {
-  1: ["text-2xl"],
-  2: ["text-xl"],
-  3: ["text-lg"],
-  4: ["text-md"],
-  5: ["text-sm"],
-  6: ["text-xs"]
-};
-var heading = tv({
-  base: [],
-  defaultVariants: {
-    level: 3
-  },
-  variants: {
-    level: levelVariants
-  }
-});
-var Heading = ({ as, children, className, level = 2, ...props }) => {
-  const word = lowerCaseSzett(shy(children));
-  const Component = as || `h${level}`;
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      className: cn(
-        heading({
-          level
-        }),
-        className
-      ),
-      ...props,
-      children: word
-    }
-  );
-};
-Heading.displayName = "Heading";
-
-export { Heading };

package/dist/highlight/index.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-declare const highlightVariants: {
-    readonly primary: readonly ["highlight"];
-};
-type HighlightVariant = keyof typeof highlightVariants;
-interface HighlightProps extends ComponentProps<'mark'> {
-    variant?: HighlightVariant;
-}
-declare const Highlight: ({ children, className, variant }: HighlightProps) => react_jsx_runtime.JSX.Element;
-
-export { Highlight, type HighlightProps };

package/dist/highlight/index.js

@@ -1,59 +0,0 @@
-import { tv } from '@regardio/tailwind/utils';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/highlight/highlight.tsx
-var highlightVariants = {
-  primary: ["highlight"]
-};
-var highlight = tv({
-  defaultVariants: {
-    variant: "primary"
-  },
-  variants: {
-    variant: highlightVariants
-  }
-});
-var Highlight = ({ children, className, variant }) => {
-  return /* @__PURE__ */ jsxs(
-    "mark",
-    {
-      className: highlight({
-        className,
-        variant
-      }),
-      children: [
-        children,
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            "aria-label": "!",
-            role: "img",
-            children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { children: [
-              /* @__PURE__ */ jsx(
-                "feTurbulence",
-                {
-                  baseFrequency: "0 0.2",
-                  numOctaves: "5",
-                  result: "warp",
-                  type: "fractalNoise"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "feDisplacementMap",
-                {
-                  in: "SourceGraphic",
-                  in2: "warp",
-                  scale: "30",
-                  xChannelSelector: "R",
-                  yChannelSelector: "G"
-                }
-              )
-            ] }) })
-          }
-        )
-      ]
-    }
-  );
-};
-
-export { Highlight };

package/dist/hooks/use-current-route-data.js

@@ -1,16 +0,0 @@
-import { useMemo } from 'react';
-import { useLocation, useMatches } from 'react-router';
-
-// src/hooks/use-current-route-data.ts
-function useCurrentRouteData() {
-  const location = useLocation();
-  const matchingRoutes = useMatches();
-  const route = useMemo(() => {
-    return matchingRoutes.find((route2) => {
-      return route2.pathname === location.pathname;
-    });
-  }, [matchingRoutes, location]);
-  return route?.data || void 0;
-}
-
-export { useCurrentRouteData };

package/dist/hooks/use-focus-search.js

@@ -1,19 +0,0 @@
-import { useEffect } from 'react';
-
-// src/hooks/use-focus-search.ts
-function useFocusSearch(ref) {
-  useEffect(() => {
-    function handleKeyDown(event) {
-      if ((event.metaKey || event.ctrlKey) && event.key === "k") {
-        event.preventDefault();
-        ref?.current?.focus();
-      }
-    }
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [ref]);
-}
-
-export { useFocusSearch };

package/dist/hooks/use-matches-data.js

@@ -1,15 +0,0 @@
-import { useMemo } from 'react';
-import { useMatches } from 'react-router';
-
-// src/hooks/use-matches-data.ts
-function useMatchesData(id) {
-  const matchingRoutes = useMatches();
-  const route = useMemo(() => {
-    return matchingRoutes.find((route2) => {
-      return route2.id === id;
-    });
-  }, [matchingRoutes, id]);
-  return route?.data || void 0;
-}
-
-export { useMatchesData };

package/dist/hooks/use-media-query.js

@@ -1,20 +0,0 @@
-import { useState, useEffect } from 'react';
-
-// src/hooks/use-media-query.ts
-function useMediaQuery(query) {
-  const [matches, setMatches] = useState(false);
-  useEffect(() => {
-    const mediaQuery = window.matchMedia(query);
-    setMatches(mediaQuery.matches);
-    const handleChange = (event) => {
-      setMatches(event.matches);
-    };
-    mediaQuery.addEventListener("change", handleChange);
-    return () => {
-      mediaQuery.removeEventListener("change", handleChange);
-    };
-  }, [query]);
-  return matches;
-}
-
-export { useMediaQuery };

package/dist/hooks/use-mobile.d.ts

@@ -1,3 +0,0 @@
-declare function useIsMobile(): boolean;
-
-export { useIsMobile };

package/dist/hooks/use-mobile.js

@@ -1,19 +0,0 @@
-import { useState, useEffect } from 'react';
-
-// src/hooks/use-mobile.ts
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = useState(void 0);
-  useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-
-export { useIsMobile };

package/dist/hooks/use-nonce.d.ts

@@ -1,7 +0,0 @@
-import * as react from 'react';
-
-declare const NonceContext: react.Context<string>;
-declare const NonceProvider: react.Provider<string>;
-declare const useNonce: () => string;
-
-export { NonceContext, NonceProvider, useNonce };

package/dist/hooks/use-nonce.js

@@ -1,8 +0,0 @@
-import { createContext, useContext } from 'react';
-
-// src/hooks/use-nonce.ts
-var NonceContext = createContext("");
-var NonceProvider = NonceContext.Provider;
-var useNonce = () => useContext(NonceContext);
-
-export { NonceContext, NonceProvider, useNonce };

package/dist/hooks/use-orientation.js

@@ -1,29 +0,0 @@
-import { useState, useEffect } from 'react';
-
-// src/hooks/use-orientation.ts
-function useOrientation() {
-  const [orientation, setOrientation] = useState(() => {
-    if (typeof window !== "undefined") {
-      return window.innerHeight > window.innerWidth ? "portrait" : "landscape";
-    }
-    return "portrait";
-  });
-  useEffect(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const handleResize = () => {
-      setOrientation(window.innerHeight > window.innerWidth ? "portrait" : "landscape");
-    };
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("orientationchange", handleResize);
-    handleResize();
-    return () => {
-      window.removeEventListener("resize", handleResize);
-      window.removeEventListener("orientationchange", handleResize);
-    };
-  }, []);
-  return orientation;
-}
-
-export { useOrientation };

package/dist/hooks/use-user.d.ts

@@ -1,50 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { User } from '@supabase/supabase-js';
-
-/**
- * Context for storing and accessing the current authenticated user
- */
-interface UserContextType {
-    /**
-     * The current authenticated user, or null if not authenticated
-     */
-    user: User | null;
-    /**
-     * Whether the user data is currently loading
-     */
-    isLoading: boolean;
-}
-/**
- * Context for storing and accessing the current authenticated user
- */
-declare const UserContext: react.Context<UserContextType>;
-/**
- * Props for the UserContextProvider component
- */
-interface UserContextProviderProps {
-    /**
-     * The current authenticated user, or null if not authenticated
-     */
-    user: User | null;
-    /**
-     * Whether the user data is currently loading
-     */
-    isLoading?: boolean;
-    /**
-     * Child components that will have access to the user context
-     */
-    children: ReactNode;
-}
-/**
- * Provider component for the UserContext
- */
-declare function UserContextProvider({ user, isLoading, children, }: UserContextProviderProps): react_jsx_runtime.JSX.Element;
-/**
- * Hook to access the current authenticated user from the UserContext
- * @returns The current user context containing the user object and loading state
- */
-declare function useUser(): UserContextType;
-
-export { UserContext, UserContextProvider, type UserContextProviderProps, type UserContextType, useUser };

package/dist/hooks/use-user.js

@@ -1,25 +0,0 @@
-import { createContext, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/hooks/use-user.tsx
-var defaultContextValue = {
-  isLoading: false,
-  user: null
-};
-var UserContext = createContext(defaultContextValue);
-function UserContextProvider({
-  user,
-  isLoading = false,
-  children
-}) {
-  return /* @__PURE__ */ jsx(UserContext.Provider, { value: { isLoading, user }, children });
-}
-function useUser() {
-  const context = useContext(UserContext);
-  if (context === void 0) {
-    throw new Error("useUser must be used within a UserContextProvider");
-  }
-  return context;
-}
-
-export { UserContext, UserContextProvider, useUser };

package/dist/icon-button/index.d.ts

@@ -1,9 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps, ReactNode } from 'react';
-
-interface IconButtonProps extends ComponentProps<'button'> {
-    icon: ReactNode;
-}
-declare const IconButton: (props: IconButtonProps) => react_jsx_runtime.JSX.Element;
-
-export { IconButton, type IconButtonProps };

package/dist/icon-button/index.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-// src/icon-button/icon-button.tsx
-var IconButton = (props) => {
-  const { className, icon } = props;
-  const defaultClassName = "p-0";
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      className: className ? className : defaultClassName,
-      type: "button",
-      children: icon
-    }
-  );
-};
-
-export { IconButton };