@pelatform/starter.shared 0.2.3 → 0.2.5

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

@@ -153,7 +153,7 @@ function AuthLayout({
   signInHint = false,
   signInHref
 }) {
-  const { app, path } = useConfig3();
+  const { path } = useConfig3();
   const pathname = usePathname();
   const t = useTranslations4();
   const footer = /* @__PURE__ */ jsxs4("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
@@ -186,7 +186,6 @@ function AuthLayout({
       {
         className: "[&_.max-w-4xl]:max-w-sm [&_.max-w-4xl]:px-0",
         logo,
-        logoHref: app.baseUrl,
         footer: disableFooter || pathname === path.auth.SIGN_OUT || pathname === path.auth.CALLBACK ? null : footer,
         children
       }
@@ -239,7 +238,7 @@ import {
 // src/components/view.tsx
 import { KeyRoundIcon } from "lucide-react";
 import { useLocale as useLocale2, useTranslations as useTranslations6 } from "next-intl";
-import { cn as cn4, getUserName as getUserName2 } 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
@@ -419,16 +418,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) }),
@@ -688,7 +689,7 @@ function Sidebar({ children }) {
   if (isMobile) {
     return null;
   }
-  return /* @__PURE__ */ jsxs9("aside", { className: "in-data-[sidebar-open=false]:-start-full fixed start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
+  return /* @__PURE__ */ jsxs9("aside", { className: "fixed in-data-[sidebar-open=false]:-start-full start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
     children,
     /* @__PURE__ */ jsx11("div", {})
   ] });
@@ -1592,6 +1593,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,
@@ -1633,5 +1749,6 @@ export {
   UserMenu,
   UserView,
   WorkspaceLogo,
-  WorkspaceView
+  WorkspaceView,
+  socialProviders
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pelatform/starter.shared",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "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,13 +37,13 @@
   "devDependencies": {
     "@pelatform/starter.config": "0.2.1",
     "@pelatform/starter.hook": "0.2.1",
-    "@pelatform/starter.utils": "0.2.2",
+    "@pelatform/starter.utils": "0.2.4",
     "@pelatform/tsconfig": "^0.1.3",
     "@types/react": "^19.2.7",
     "lucide-react": "^0.561.0",
     "next": "^16.0.10",
     "next-intl": "^4.6.0",
-    "pelatform-ui": "^1.1.6",
+    "pelatform-ui": "^1.1.7",
     "react": "^19.2.3",
     "react-hook-form": "^7.68.0",
     "tsup": "^8.5.1"

package/dist/extend.d.ts

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

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