@pelatform/starter.shared 0.1.0 → 0.2.0

package/dist/extend.d.ts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentType } from 'react';
+export { A as AvatarClassNames, a as AvatarProps, C as CardClassNames, b as CardComponentProps, D as DialogClassNames, c as DialogComponentProps, V as ViewClassNames, d as ViewProps } from './view-B1v2TRLo.js';
+import 'pelatform-ui/default';
+import '@pelatform/starter.utils';
+
+declare const socialProviders: readonly [{
+    readonly provider: "apple";
+    readonly name: "Apple";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "discord";
+    readonly name: "Discord";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "dropbox";
+    readonly name: "Dropbox";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "facebook";
+    readonly name: "Facebook";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "github";
+    readonly name: "GitHub";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "gitlab";
+    readonly name: "GitLab";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "google";
+    readonly name: "Google";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "huggingface";
+    readonly name: "Hugging Face";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "kick";
+    readonly name: "Kick";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "linear";
+    readonly name: "Linear";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "linkedin";
+    readonly name: "LinkedIn";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "microsoft";
+    readonly name: "Microsoft";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "notion";
+    readonly name: "Notion";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "reddit";
+    readonly name: "Reddit";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "roblox";
+    readonly name: "Roblox";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "slack";
+    readonly name: "Slack";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "spotify";
+    readonly name: "Spotify";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "tiktok";
+    readonly name: "TikTok";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "twitch";
+    readonly name: "Twitch";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "vk";
+    readonly name: "VK";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "twitter";
+    readonly name: "X";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}, {
+    readonly provider: "zoom";
+    readonly name: "Zoom";
+    readonly icon: (props: react.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
+}];
+
+type ProviderIcon = ComponentType<{
+    className?: string;
+}>;
+type Provider = {
+    provider: string;
+    name: string;
+    icon?: ProviderIcon;
+};
+
+export { type Provider, type ProviderIcon, socialProviders };

package/dist/extend.js

@@ -0,0 +1,117 @@
+// src/lib/social-providers.ts
+import { Icons } from "pelatform-ui";
+var socialProviders = [
+  {
+    provider: "apple",
+    name: "Apple",
+    icon: Icons.Apple
+  },
+  {
+    provider: "discord",
+    name: "Discord",
+    icon: Icons.Discord
+  },
+  {
+    provider: "dropbox",
+    name: "Dropbox",
+    icon: Icons.Dropbox
+  },
+  {
+    provider: "facebook",
+    name: "Facebook",
+    icon: Icons.FacebookColorful
+  },
+  {
+    provider: "github",
+    name: "GitHub",
+    icon: Icons.Github
+  },
+  {
+    provider: "gitlab",
+    name: "GitLab",
+    icon: Icons.Gitlab
+  },
+  {
+    provider: "google",
+    name: "Google",
+    icon: Icons.GoogleColorful
+  },
+  {
+    provider: "huggingface",
+    name: "Hugging Face",
+    icon: Icons.Huggingface
+  },
+  {
+    provider: "kick",
+    name: "Kick",
+    icon: Icons.Kick
+  },
+  {
+    provider: "linear",
+    name: "Linear",
+    icon: Icons.Linear
+  },
+  {
+    provider: "linkedin",
+    name: "LinkedIn",
+    icon: Icons.LinkedinColorful
+  },
+  {
+    provider: "microsoft",
+    name: "Microsoft",
+    icon: Icons.Microsoft
+  },
+  {
+    provider: "notion",
+    name: "Notion",
+    icon: Icons.Notion
+  },
+  {
+    provider: "reddit",
+    name: "Reddit",
+    icon: Icons.Reddit
+  },
+  {
+    provider: "roblox",
+    name: "Roblox",
+    icon: Icons.Roblox
+  },
+  {
+    provider: "slack",
+    name: "Slack",
+    icon: Icons.Slack
+  },
+  {
+    provider: "spotify",
+    name: "Spotify",
+    icon: Icons.Spotify
+  },
+  {
+    provider: "tiktok",
+    name: "TikTok",
+    icon: Icons.Tiktok
+  },
+  {
+    provider: "twitch",
+    name: "Twitch",
+    icon: Icons.Twitch
+  },
+  {
+    provider: "vk",
+    name: "VK",
+    icon: Icons.Vk
+  },
+  {
+    provider: "twitter",
+    name: "X",
+    icon: Icons.X
+  },
+  {
+    provider: "zoom",
+    name: "Zoom",
+    icon: Icons.Zoom
+  }
+];
+export {
+  socialProviders
+};

package/dist/index.d.ts

@@ -1,83 +1,143 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps, ReactNode, PropsWithChildren } from 'react';
-import { Avatar, buttonVariants, Dialog, Card, Button, Input } from 'pelatform-ui/default';
-import { User, Workspace, ApiKey } from '@pelatform/starter.utils';
-import { LucideIcon } from 'lucide-react';
-import { LanguageSwitcherProps } from 'pelatform-ui/components';
+import * as react from 'react';
+import { ReactNode, CSSProperties, ComponentProps, PropsWithChildren } from 'react';
+import { MenuItem } from 'pelatform-ui';
+import { NavItem, LanguageSwitcherProps } from 'pelatform-ui/components';
 export { Logo as LogoDefault } from 'pelatform-ui/components';
+import { Config } from '@pelatform/starter.config';
+import { AuthQueryOptions } from '@pelatform/starter.hook';
+import { AnyAuthClient, ApiKey } from '@pelatform/starter.utils';
+import { Toaster, Button, Input } from 'pelatform-ui/default';
+import { b as CardComponentProps, c as DialogComponentProps, C as CardClassNames, a as AvatarProps, d as ViewProps } from './view-B1v2TRLo.js';
+import { LucideIcon } from 'lucide-react';
 
-type AvatarClassNames = {
-    base?: string;
-    fallback?: string;
-    fallbackIcon?: string;
-    image?: string;
-    skeleton?: string;
-};
-interface AvatarProps extends ComponentProps<typeof Avatar> {
-    className?: string;
-    classNames?: AvatarClassNames;
-    image?: string;
-    isPending?: boolean;
-    size?: NonNullable<Parameters<typeof buttonVariants>[0]>["size"] | null | undefined;
-    user?: Partial<User> | null;
-    workspace?: Partial<Workspace> | null;
-}
-
-type DialogClassNames = {
-    content?: string;
-    header?: string;
-    footer?: string;
-};
-interface DialogComponentProps extends ComponentProps<typeof Dialog> {
-    className?: string;
-    children?: ReactNode;
-    classNames?: CardClassNames;
-    title?: string;
-    description?: string;
+declare function AuthLayout({ children, logo, disableFooter, signInHint, signInHref, }: {
+    children: ReactNode;
+    logo?: ReactNode;
     disableFooter?: boolean;
-    cancelButton?: boolean;
-    cancelButtonDisabled?: boolean;
+    signInHint?: boolean;
+    signInHref?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Header({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function HeaderLeft(): react_jsx_runtime.JSX.Element;
+declare function HeaderRight({ sidebar, button }: {
+    sidebar?: ReactNode;
     button?: ReactNode;
-}
+}): react_jsx_runtime.JSX.Element;
+declare function HeaderSidebarMobile({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function LayoutLoader({ children }: {
+    children: ReactNode;
+}): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+
+declare function Sidebar({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element | null;
+declare function SidebarHeaderBack({ linkHref, admin, }: {
+    linkHref?: string;
+    admin?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarContent({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarContentMenu({ menu, type, }: {
+    menu: MenuItem[];
+    type?: "default" | "toggle";
+}): react_jsx_runtime.JSX.Element;
+
+declare function SiteFooter({ disableProjectBy }: {
+    disableProjectBy?: boolean;
+}): react_jsx_runtime.JSX.Element;
 
-type CardClassNames = {
-    base?: string;
-    cell?: string;
-    content?: string;
-    header?: string;
-    footer?: string;
-    grid?: string;
-    skeleton?: string;
-    title?: string;
-    description?: string;
-    instructions?: string;
-    error?: string;
-    label?: string;
-    input?: string;
-    checkbox?: string;
-    icon?: string;
-    button?: string;
-    primaryButton?: string;
-    secondaryButton?: string;
-    outlineButton?: string;
-    destructiveButton?: string;
-    avatar?: AvatarClassNames;
-    dialog?: DialogClassNames;
+declare function SiteHeader({ menu, logo, }: {
+    menu: NavItem[];
+    logo?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function SiteHeaderSecondary({ menu, logo, loginLink, }: {
+    menu: NavItem[];
+    logo?: ReactNode;
+    loginLink?: string;
+}): react_jsx_runtime.JSX.Element;
+
+type ToolbarItem = "darkmode" | "help" | "language" | "onboarding";
+type ToolbarProps = {
+    className?: string;
+    show?: ReadonlyArray<ToolbarItem>;
 };
-interface CardComponentProps extends Omit<ComponentProps<typeof Card>, "title" | "variant"> {
+declare function Toolbar(props: ToolbarProps): react_jsx_runtime.JSX.Element;
+
+interface LayoutWrapperProps {
+    children: ReactNode;
+    sidebarHeader: ReactNode;
+    sidebarMenu: ReactNode;
+    logoHeader?: ReactNode;
+}
+declare function LayoutWrapper({ children, sidebarHeader, sidebarMenu, logoHeader, }: LayoutWrapperProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Props for the ConfigProvider component
+ */
+type ConfigProviderProps = {
+    /** The configuration object to provide to all child components (can be partial, can have extra properties) */
+    config: Partial<Config> | Record<string, any>;
+    /** AuthClient instance to provide to all child components */
+    authClient: AnyAuthClient;
+    /** Child components that can access the configuration */
+    children: ReactNode;
+} & Partial<AuthQueryOptions>;
+/**
+ * Provider component that makes configuration available to all client components
+ * This should be wrapped around your application in the root layout
+ *
+ * @param props - Component props
+ * @param props.config - The configuration object to provide (can be partial, will merge with defaults)
+ * @param props.authClient - The Better Auth client instance
+ * @param props.children - Child components
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx
+ * import { ConfigProvider } from '@pelatform/starter'
+ * import { authClient } from '@repo/auth/client'
+ * import { config } from '@repo/config'
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         <ConfigProvider config={config} authClient={authClient}>
+ *           {children}
+ *         </ConfigProvider>
+ *       </body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ */
+declare function ConfigProvider({ config, authClient, children, ...props }: ConfigProviderProps): react_jsx_runtime.JSX.Element;
+
+interface LayoutProviderProps {
+    children: ReactNode;
+    style?: CSSProperties;
+    bodyClassName?: string;
     className?: string;
-    children?: ReactNode;
-    classNames?: CardClassNames;
-    title?: ReactNode;
-    description?: ReactNode;
-    instructions?: ReactNode;
-    actionLabel?: ReactNode;
-    action?: () => Promise<unknown> | unknown;
-    disabled?: boolean;
-    isDestructive?: boolean;
-    isPending?: boolean;
-    isSubmitting?: boolean;
+    logoHeader?: ReactNode;
+}
+declare function LayoutProvider({ children, style: customStyle, bodyClassName, className, logoHeader, }: LayoutProviderProps): react_jsx_runtime.JSX.Element;
+
+interface SharedProvidersProps {
+    children: ReactNode;
+    locale: string;
+    messages: Record<string, string>;
+    timeZone?: string;
+    sonnerPosition?: ComponentProps<typeof Toaster>["position"];
 }
+declare function SharedProviders({ children, locale, messages, timeZone, sonnerPosition, }: SharedProvidersProps): react_jsx_runtime.JSX.Element;
 
 declare function CardComponent({ children, className, classNames, title, description, instructions, actionLabel, action, disabled, isDestructive, isPending, isSubmitting, ...props }: CardComponentProps): react_jsx_runtime.JSX.Element;
 declare function CardHeaderComponent({ className, classNames, title, description, isPending, }: CardComponentProps): react_jsx_runtime.JSX.Element;
@@ -139,28 +199,10 @@ declare function UserMenu({ hiddenSwitcher }: {
     hiddenSwitcher?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-type ViewClassNames = {
-    base?: string;
-    content?: string;
-    title?: string;
-    subtitle?: string;
-    skeleton?: string;
-    icon?: string;
-    avatar?: AvatarClassNames;
-};
-interface ViewProps {
-    className?: string;
-    classNames?: ViewClassNames;
-    isPending?: boolean;
-    size?: NonNullable<Parameters<typeof buttonVariants>[0]>["size"] | null | undefined;
-    user?: Partial<User> | null;
-    workspace?: Partial<Workspace> | null;
-}
-
 declare function UserView({ className, classNames, isPending, size, user }: ViewProps): react_jsx_runtime.JSX.Element;
 declare function ApiKeyView({ className, classNames, apiKey }: ViewProps & {
     apiKey: ApiKey;
 }): react_jsx_runtime.JSX.Element;
 declare function WorkspaceView({ className, classNames, isPending, size, workspace }: ViewProps): react_jsx_runtime.JSX.Element;
 
-export { ApiKeyView, type AvatarClassNames, type AvatarProps, CardActionComponent, type CardClassNames, CardComponent, type CardComponentProps, CardFooterComponent, CardHeaderComponent, type DialogClassNames, DialogComponent, type DialogComponentProps, DialogFooterComponent, DisplayIdCard, EmptyState, type EmptyStateProps, LanguageSwitcher, LogoWithHref, LogoWithName, OTPInputGroup, PasswordInput, SignedInHint, SkeletonInputComponent, SkeletonViewComponent, UserAvatar, UserMenu, UserView, type ViewClassNames, type ViewProps, WorkspaceLogo, WorkspaceView };
+export { ApiKeyView, AuthLayout, CardActionComponent, CardComponent, CardFooterComponent, CardHeaderComponent, ConfigProvider, type ConfigProviderProps, DialogComponent, DialogFooterComponent, DisplayIdCard, EmptyState, type EmptyStateProps, Header, HeaderLeft, HeaderRight, HeaderSidebarMobile, LanguageSwitcher, LayoutLoader, LayoutProvider, type LayoutProviderProps, LayoutWrapper, LogoWithHref, LogoWithName, OTPInputGroup, PasswordInput, SharedProviders, type SharedProvidersProps, Sidebar, SidebarContent, SidebarContentMenu, SidebarHeaderBack, SignedInHint, SiteFooter, SiteHeader, SiteHeaderSecondary, SkeletonInputComponent, SkeletonViewComponent, Toolbar, UserAvatar, UserMenu, UserView, WorkspaceLogo, WorkspaceView };