@pelatform/starter.shared 0.2.2 → 0.2.4

package/dist/index.d.ts

@@ -1,14 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, CSSProperties, ComponentProps, PropsWithChildren } from 'react';
+import { ReactNode, CSSProperties, ComponentProps, PropsWithChildren, ComponentType } 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 { AnyAuthClient, User, Workspace, ApiKey } from '@pelatform/starter.utils';
+import { Toaster, Avatar, buttonVariants, Dialog, Card, Button, Input } from 'pelatform-ui/default';
 import { LucideIcon } from 'lucide-react';
 
 declare function AuthLayout({ children, logo, disableFooter, signInHint, signInHref, }: {
@@ -139,6 +138,79 @@ interface SharedProvidersProps {
 }
 declare function SharedProviders({ children, locale, messages, timeZone, sonnerPosition, }: SharedProvidersProps): react_jsx_runtime.JSX.Element;
 
+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;
+    disableFooter?: boolean;
+    cancelButton?: boolean;
+    cancelButtonDisabled?: boolean;
+    button?: ReactNode;
+}
+
+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;
+};
+interface CardComponentProps extends Omit<ComponentProps<typeof Card>, "title" | "variant"> {
+    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;
+}
+
 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;
 declare function CardFooterComponent({ className, classNames, instructions, actionLabel, action, disabled, isDestructive, isPending, isSubmitting, }: CardComponentProps): react_jsx_runtime.JSX.Element;
@@ -199,10 +271,127 @@ 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, 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 };
+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 { ApiKeyView, AuthLayout, type AvatarClassNames, type AvatarProps, CardActionComponent, type CardClassNames, CardComponent, type CardComponentProps, CardFooterComponent, CardHeaderComponent, ConfigProvider, type ConfigProviderProps, type DialogClassNames, DialogComponent, type DialogComponentProps, DialogFooterComponent, DisplayIdCard, EmptyState, type EmptyStateProps, Header, HeaderLeft, HeaderRight, HeaderSidebarMobile, LanguageSwitcher, LayoutLoader, LayoutProvider, type LayoutProviderProps, LayoutWrapper, LogoWithHref, LogoWithName, OTPInputGroup, PasswordInput, type Provider, type ProviderIcon, SharedProviders, type SharedProvidersProps, Sidebar, SidebarContent, SidebarContentMenu, SidebarHeaderBack, SignedInHint, SiteFooter, SiteHeader, SiteHeaderSecondary, SkeletonInputComponent, SkeletonViewComponent, Toolbar, UserAvatar, UserMenu, UserView, type ViewClassNames, type ViewProps, WorkspaceLogo, WorkspaceView, socialProviders };

package/dist/index.js

@@ -199,7 +199,7 @@ function AuthLayout({
 // src/components/layouts/header.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
-import { Menu, PanelRight } from "lucide-react";
+import { MenuIcon, PanelRightIcon } from "lucide-react";
 import { useLayout } from "@pelatform/starter.hook";
 import {
   Button as Button2,
@@ -216,7 +216,7 @@ import {
 import { Fragment as Fragment2, useCallback, useEffect, useState } from "react";
 import Link4 from "next/link";
 import { useRouter as useRouter2 } from "next/navigation";
-import { LogOut, PlusCircleIcon, Settings, Shield, UserStar } from "lucide-react";
+import { LogOutIcon, PlusCircleIcon, SettingsIcon, ShieldIcon, UserStarIcon } from "lucide-react";
 import { useTranslations as useTranslations7 } from "next-intl";
 import {
   useConfig as useConfig4,
@@ -224,7 +224,7 @@ import {
   useSession as useSession3,
   useSetActiveSession
 } from "@pelatform/starter.hook";
-import { getUserName as getUserName3 } from "@pelatform/starter.utils";
+import { getUserName as getUserName3 } from "pelatform-ui";
 import { ModeSwitcher as ModeSwitcher2, UserAvatar as UserAvatar2 } from "pelatform-ui/components";
 import {
   Badge,
@@ -239,15 +239,13 @@ import {
 // src/components/view.tsx
 import { KeyRoundIcon } from "lucide-react";
 import { useLocale as useLocale2, useTranslations as useTranslations6 } from "next-intl";
-import { getUserName as getUserName2 } from "@pelatform/starter.utils";
-import { cn as cn4 } from "pelatform-ui";
+import { cn as cn4, formatDate, getUserName as getUserName2 } from "pelatform-ui";
 import { Skeleton as Skeleton2 } from "pelatform-ui/default";
 
 // src/components/avatar.tsx
 import { BuildingIcon, UserRoundIcon } from "lucide-react";
 import { useTranslations as useTranslations5 } from "next-intl";
-import { getSizeAvatar, getUserName } from "@pelatform/starter.utils";
-import { cn as cn3 } from "pelatform-ui";
+import { cn as cn3, getSizeAvatar, getUserName } from "pelatform-ui";
 import { getInitials } from "pelatform-ui/components";
 import { Avatar, AvatarFallback, AvatarImage, Skeleton } from "pelatform-ui/default";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -421,16 +419,18 @@ function UserView({ className, classNames, isPending, size, user }) {
   ] });
 }
 function ApiKeyView({ className, classNames, apiKey }) {
-  const t = useTranslations6();
   const locale = useLocale2();
+  const t = useTranslations6();
   const formatExpiration = () => {
     if (!apiKey.expiresAt) return t("common.time.neverExpires");
-    const expiresDate = new Date(apiKey.expiresAt);
-    return `${t("common.time.expires")} ${expiresDate.toLocaleDateString(locale ?? "en", {
-      month: "short",
-      day: "numeric",
-      year: "numeric"
-    })}`;
+    const expiresDate = formatDate(
+      new Date(apiKey.expiresAt),
+      {
+        month: "short"
+      },
+      locale ?? "en"
+    );
+    return `${t("common.time.expires")} ${expiresDate}`;
   };
   return /* @__PURE__ */ jsxs6("div", { className: cn4("flex items-center gap-3 truncate", className, classNames?.base), children: [
     /* @__PURE__ */ jsx8(KeyRoundIcon, { className: cn4("size-4 shrink-0", classNames?.icon) }),
@@ -557,15 +557,15 @@ function UserMenu({ hiddenSwitcher = false }) {
       ] }),
       /* @__PURE__ */ jsx9(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.account.SETTINGS, children: [
-        /* @__PURE__ */ jsx9(Settings, {}),
+        /* @__PURE__ */ jsx9(SettingsIcon, {}),
         /* @__PURE__ */ jsx9("span", { children: t("ui.navigation.preferences") })
       ] }) }),
       /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.account.SECURITY, children: [
-        /* @__PURE__ */ jsx9(Shield, {}),
+        /* @__PURE__ */ jsx9(ShieldIcon, {}),
         /* @__PURE__ */ jsx9("span", { children: t("ui.navigation.security") })
       ] }) }),
       "admin" === userRole && /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.admin.OVERVIEW, children: [
-        /* @__PURE__ */ jsx9(UserStar, {}),
+        /* @__PURE__ */ jsx9(UserStarIcon, {}),
         /* @__PURE__ */ jsx9("span", { children: "Admin Dashboard" })
       ] }) }),
       !hiddenSwitcher && /* @__PURE__ */ jsxs7(Fragment3, { children: [
@@ -585,7 +585,7 @@ function UserMenu({ hiddenSwitcher = false }) {
       ] }),
       /* @__PURE__ */ jsx9(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.auth.SIGN_OUT, children: [
-        /* @__PURE__ */ jsx9(LogOut, {}),
+        /* @__PURE__ */ jsx9(LogOutIcon, {}),
         /* @__PURE__ */ jsx9("span", { children: t("ui.navigation.signOut") })
       ] }) }),
       user && features.multiSession && /* @__PURE__ */ jsxs7(Fragment3, { children: [
@@ -634,7 +634,7 @@ function HeaderLeft() {
         variant: "ghost",
         onClick: sidebarToggle,
         className: "hidden text-muted-foreground hover:text-foreground lg:inline-flex",
-        children: /* @__PURE__ */ jsx10(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
+        children: /* @__PURE__ */ jsx10(PanelRightIcon, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
       }
     )
   ] }) });
@@ -654,7 +654,7 @@ function HeaderSidebarMobile({ children }) {
     setIsSheetOpen(false);
   }, [pathname]);
   return /* @__PURE__ */ jsxs8(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
-    /* @__PURE__ */ jsx10(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx10(Button2, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx10(Menu, { className: "size-4" }) }) }),
+    /* @__PURE__ */ jsx10(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx10(Button2, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx10(MenuIcon, { className: "size-4" }) }) }),
     /* @__PURE__ */ jsxs8(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
       /* @__PURE__ */ jsxs8(SheetHeader, { className: "hidden space-y-0 p-0", children: [
         /* @__PURE__ */ jsx10(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
@@ -1594,6 +1594,121 @@ function PasswordInput({
     ] })
   ] });
 }
+
+// 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 {
   ApiKeyView,
   AuthLayout,
@@ -1635,5 +1750,6 @@ export {
   UserMenu,
   UserView,
   WorkspaceLogo,
-  WorkspaceView
+  WorkspaceView,
+  socialProviders
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pelatform/starter.shared",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "A part of SaaS starter kit for Pelatform applications.",
   "author": "Pelatform",
   "license": "MIT",
@@ -13,10 +13,6 @@
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
-    },
-    "./extend": {
-      "types": "./dist/extend.d.ts",
-      "default": "./dist/extend.js"
     }
   },
   "scripts": {
@@ -41,14 +37,14 @@
   "devDependencies": {
     "@pelatform/starter.config": "0.2.1",
     "@pelatform/starter.hook": "0.2.1",
-    "@pelatform/starter.utils": "0.2.1",
+    "@pelatform/starter.utils": "0.2.3",
     "@pelatform/tsconfig": "^0.1.3",
     "@types/react": "^19.2.7",
-    "lucide-react": "^0.559.0",
-    "next": "^16.0.8",
-    "next-intl": "^4.5.8",
-    "pelatform-ui": "^1.1.3",
-    "react": "^19.2.1",
+    "lucide-react": "^0.561.0",
+    "next": "^16.0.10",
+    "next-intl": "^4.6.0",
+    "pelatform-ui": "^1.1.6",
+    "react": "^19.2.3",
     "react-hook-form": "^7.68.0",
     "tsup": "^8.5.1"
   },

package/dist/extend.d.ts

@@ -1,137 +0,0 @@
-import { Metadata } from 'next';
-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 function mapLocale(locale?: string): string | undefined;
-
-type metadataProps = {
-    baseUrl?: string;
-    title?: string;
-    fullTitle?: string;
-    description?: string;
-    icons?: Metadata["icons"];
-    url?: string;
-    image?: string | null;
-    video?: string | null;
-    openGraph?: {
-        type?: "website" | "article" | "book" | "profile" | "music.song" | "music.album" | "music.playlist" | "music.radio_station" | "video.movie" | "video.episode" | "video.tv_show" | "video.other";
-        locale?: string;
-        name?: string;
-    };
-    twitter?: {
-        site?: string;
-        creator?: string;
-    };
-    canonicalUrl?: string;
-    alternateLanguages?: Record<string, string>;
-    noIndex?: boolean;
-    noArchive?: boolean;
-    noSnippet?: boolean;
-    manifest?: string | URL | null;
-};
-declare function constructMetadata({ baseUrl, title, fullTitle, description, icons, image, video, url, openGraph, twitter, canonicalUrl, alternateLanguages, noIndex, noArchive, noSnippet, manifest, }: metadataProps): Metadata;
-
-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, constructMetadata, mapLocale, type metadataProps, socialProviders };

package/dist/extend.js

@@ -1,318 +0,0 @@
-// src/lib/locale.ts
-function mapLocale(locale) {
-  if (!locale) return "en_US";
-  const mapping = {
-    af: "af_ZA",
-    // Afrikaans - South Africa
-    am: "am_ET",
-    // Amharic - Ethiopia
-    ar: "ar_AR",
-    // Arabic - Saudi Arabia
-    bn: "bn_BD",
-    // Bengali - Bangladesh
-    bg: "bg_BG",
-    // Bulgarian - Bulgaria
-    cs: "cs_CZ",
-    // Czech - Czech Republic
-    da: "da_DK",
-    // Danish - Denmark
-    de: "de_DE",
-    // German - Germany
-    el: "el_GR",
-    // Greek - Greece
-    en: "en_US",
-    // English - United States
-    en_uk: "en_GB",
-    // English - United Kingdom
-    es: "es_ES",
-    // Spanish - Spain
-    es_mx: "es_MX",
-    // Spanish - Mexico
-    fa: "fa_IR",
-    // Persian/Farsi - Iran
-    fi: "fi_FI",
-    // Finnish - Finland
-    fr: "fr_FR",
-    // French - France
-    fr_ca: "fr_CA",
-    // French - Canada
-    he: "he_IL",
-    // Hebrew - Israel
-    hi: "hi_IN",
-    // Hindi - India
-    hr: "hr_HR",
-    // Croatian - Croatia
-    hu: "hu_HU",
-    // Hungarian - Hungary
-    id: "id_ID",
-    // Indonesian - Indonesia
-    it: "it_IT",
-    // Italian - Italy
-    ja: "ja_JP",
-    // Japanese - Japan
-    ko: "ko_KR",
-    // Korean - South Korea
-    ms: "ms_MY",
-    // Malay - Malaysia
-    nl: "nl_NL",
-    // Dutch - Netherlands
-    no: "nb_NO",
-    // Norwegian Bokmål - Norway
-    pl: "pl_PL",
-    // Polish - Poland
-    pt: "pt_PT",
-    // Portuguese - Portugal
-    pt_br: "pt_BR",
-    // Portuguese - Brazil
-    ro: "ro_RO",
-    // Romanian - Romania
-    ru: "ru_RU",
-    // Russian - Russia
-    sk: "sk_SK",
-    // Slovak - Slovakia
-    sr: "sr_RS",
-    // Serbian - Serbia
-    sv: "sv_SE",
-    // Swedish - Sweden
-    sw: "sw_KE",
-    // Swahili - Kenya
-    th: "th_TH",
-    // Thai - Thailand
-    tl: "tl_PH",
-    // Filipino/Tagalog - Philippines
-    tr: "tr_TR",
-    // Turkish - Türkiye
-    uk: "uk_UA",
-    // Ukrainian - Ukraine
-    ur: "ur_PK",
-    // Urdu - Pakistan
-    vi: "vi_VN",
-    // Vietnamese - Vietnam
-    zh: "zh_CN",
-    // Chinese (Simplified) - China
-    zh_hk: "zh_HK",
-    // Chinese (Traditional) - Hong Kong
-    zh_tw: "zh_TW"
-    // Chinese (Traditional) - Taiwan
-  };
-  return mapping[locale] || locale;
-}
-
-// src/lib/metadata.ts
-import { getAssetsUrl } from "pelatform-ui";
-function constructMetadata({
-  baseUrl,
-  title,
-  fullTitle,
-  description,
-  icons = [
-    {
-      rel: "apple-touch-icon",
-      sizes: "32x32",
-      url: getAssetsUrl("favicon/apple-touch-icon.png")
-    },
-    {
-      rel: "icon",
-      type: "image/png",
-      sizes: "32x32",
-      url: getAssetsUrl("favicon/favicon-32x32.png")
-    },
-    {
-      rel: "icon",
-      type: "image/png",
-      sizes: "16x16",
-      url: getAssetsUrl("favicon/favicon-16x16.png")
-    }
-  ],
-  image,
-  video,
-  url,
-  openGraph = {
-    type: "website",
-    locale: "en_US"
-  },
-  twitter = {},
-  canonicalUrl,
-  alternateLanguages,
-  noIndex = false,
-  noArchive = false,
-  noSnippet = false,
-  manifest
-}) {
-  return {
-    metadataBase: baseUrl ? new URL(baseUrl) : void 0,
-    title: fullTitle || title,
-    description,
-    icons,
-    openGraph: {
-      title,
-      description,
-      type: openGraph.type ?? "website",
-      locale: mapLocale(openGraph.locale),
-      ...openGraph.name && {
-        siteName: openGraph.name
-      },
-      url,
-      ...image && {
-        images: image
-      },
-      ...video && {
-        videos: video
-      }
-    },
-    twitter: {
-      title,
-      description,
-      ...image && {
-        card: "summary_large_image",
-        images: [image]
-      },
-      ...video && {
-        player: video
-      },
-      ...twitter.site && {
-        site: twitter.site
-      },
-      ...twitter.creator && {
-        creator: twitter.creator
-      }
-    },
-    ...(url || canonicalUrl || alternateLanguages) && {
-      alternates: {
-        ...url || canonicalUrl ? { canonical: url || canonicalUrl } : {},
-        ...alternateLanguages ? { languages: alternateLanguages } : {}
-      }
-    },
-    ...(noIndex || noArchive || noSnippet) && {
-      robots: {
-        ...noIndex ? { index: false, follow: false } : {},
-        ...noArchive ? { noarchive: true } : {},
-        ...noSnippet ? { nosnippet: true } : {}
-      }
-    },
-    ...manifest && {
-      manifest
-    },
-    creator: "lukmanaviccena"
-  };
-}
-
-// 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 {
-  constructMetadata,
-  mapLocale,
-  socialProviders
-};

package/dist/view-B1v2TRLo.d.ts

@@ -1,96 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Avatar, buttonVariants, Dialog, Card } from 'pelatform-ui/default';
-import { User, Workspace } from '@pelatform/starter.utils';
-
-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;
-    disableFooter?: boolean;
-    cancelButton?: boolean;
-    cancelButtonDisabled?: boolean;
-    button?: ReactNode;
-}
-
-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;
-};
-interface CardComponentProps extends Omit<ComponentProps<typeof Card>, "title" | "variant"> {
-    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;
-}
-
-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;
-}
-
-export type { AvatarClassNames as A, CardClassNames as C, DialogClassNames as D, ViewClassNames as V, AvatarProps as a, CardComponentProps as b, DialogComponentProps as c, ViewProps as d };