@pelatform/starter.shared 0.1.1 → 0.2.1

package/dist/extend.d.ts

@@ -0,0 +1,137 @@
+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

@@ -0,0 +1,318 @@
+// 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/index.d.ts

@@ -6,8 +6,9 @@ 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, User, Workspace, ApiKey } from '@pelatform/starter.utils';
-import { Toaster, Avatar, buttonVariants, Dialog, Card, Button, Input } from 'pelatform-ui/default';
+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';
 
 declare function AuthLayout({ children, logo, disableFooter, signInHint, signInHref, }: {
@@ -138,79 +139,6 @@ 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;
@@ -271,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, 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, SharedProviders, type SharedProvidersProps, Sidebar, SidebarContent, SidebarContentMenu, SidebarHeaderBack, SignedInHint, SiteFooter, SiteHeader, SiteHeaderSecondary, SkeletonInputComponent, SkeletonViewComponent, Toolbar, 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 };

package/dist/index.js

@@ -594,19 +594,24 @@ function UserMenu({ hiddenSwitcher = false }) {
           /* @__PURE__ */ jsx9(DropdownMenuItem, { disabled: true, children: /* @__PURE__ */ jsx9(UserView, { isPending: true }) }),
           /* @__PURE__ */ jsx9(DropdownMenuSeparator, {})
         ] }),
-        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
-          /* @__PURE__ */ jsxs7(DropdownMenuItem, { onClick: () => switchAccount(session.token), children: [
-            /* @__PURE__ */ jsx9(UserAvatar2, { src: multiUser?.image || void 0, alt: getUserName3(multiUser) }),
-            /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-              /* @__PURE__ */ jsx9("span", { className: "truncate font-semibold text-foreground text-xs", children: getUserName3(multiUser) }),
-              /* @__PURE__ */ jsx9("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx9(DropdownMenuSeparator, {})
-        ] }, session.id)),
+        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => {
+          const userData = multiUser;
+          return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+            /* @__PURE__ */ jsxs7(DropdownMenuItem, { onClick: () => switchAccount(session.token), children: [
+              /* @__PURE__ */ jsx9(UserAvatar2, { src: userData?.image || void 0, alt: getUserName3(userData) }),
+              /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+                /* @__PURE__ */ jsx9("span", { className: "truncate font-semibold text-foreground text-xs", children: getUserName3(userData) }),
+                /* @__PURE__ */ jsx9("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userData?.email })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx9(DropdownMenuSeparator, {})
+          ] }, session.id);
+        }),
         /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.auth.SIGN_IN, children: [
           /* @__PURE__ */ jsx9(PlusCircleIcon, {}),
-          t("common.actions.addAccount")
+          t("common.actions.add"),
+          " ",
+          t("ui.navigation.account")
         ] }) })
       ] })
     ] })

package/dist/view-B1v2TRLo.d.ts

@@ -0,0 +1,96 @@
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pelatform/starter.shared",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "A part of SaaS starter kit for Pelatform applications.",
   "author": "Pelatform",
   "license": "MIT",
@@ -13,6 +13,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
+    },
+    "./extend": {
+      "types": "./dist/extend.d.ts",
+      "default": "./dist/extend.js"
     }
   },
   "scripts": {
@@ -35,14 +39,13 @@
     "@tanstack/react-query-devtools": "^5.91.1"
   },
   "devDependencies": {
-    "@pelatform/starter.config": "0.1.1",
-    "@pelatform/starter.hook": "0.1.1",
-    "@pelatform/starter.i18n": "0.1.3",
-    "@pelatform/starter.utils": "0.1.1",
+    "@pelatform/starter.config": "0.2.1",
+    "@pelatform/starter.hook": "0.2.1",
+    "@pelatform/starter.utils": "0.2.1",
     "@pelatform/tsconfig": "^0.1.3",
     "@types/react": "^19.2.7",
-    "lucide-react": "^0.556.0",
-    "next": "^16.0.7",
+    "lucide-react": "^0.557.0",
+    "next": "^16.0.8",
     "next-intl": "^4.5.8",
     "pelatform-ui": "^1.1.3",
     "react": "^19.2.1",
@@ -50,10 +53,9 @@
     "tsup": "^8.5.1"
   },
   "peerDependencies": {
-    "@pelatform/starter.config": ">=0.1.0",
-    "@pelatform/starter.hook": ">=0.1.0",
-    "@pelatform/starter.i18n": ">=0.1.0",
-    "@pelatform/starter.utils": ">=0.1.0",
+    "@pelatform/starter.config": ">=0.2.0",
+    "@pelatform/starter.hook": ">=0.2.0",
+    "@pelatform/starter.utils": ">=0.2.0",
     "lucide-react": ">=0.55.0",
     "next": ">=16.0.0",
     "next-intl": ">=4.5.0",