@connectycube/react-ui-kit 0.0.22 → 0.1.2

package/src/components/connectycube-ui/presence.tsx

@@ -1,96 +0,0 @@
-import type React from 'react';
-import { capitalize, cn } from './utils';
-
-type PresenceStatus = 'available' | 'busy' | 'away' | 'unknown' | undefined;
-
-interface PresenceProps extends React.ComponentProps<'div'> {
-  badge?: boolean;
-  status: PresenceStatus;
-  label: string;
-  badgeProps?: PresenceBadgeProps;
-  labelProps?: React.ComponentProps<'span'>;
-}
-
-interface PresenceBadgeProps extends React.ComponentProps<'svg'> {
-  status?: PresenceStatus;
-}
-
-function PresenceBadge({ status, ...props }: PresenceBadgeProps) {
-  switch (status) {
-    case 'available':
-      return (
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="16"
-          height="16"
-          fill="currentColor"
-          viewBox="0 0 16 16"
-          {...props}
-          className={cn('rounded-full size-4.5 text-green-600 bg-white', props?.className)}
-        >
-          <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
-        </svg>
-      );
-    case 'busy':
-      return (
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="16"
-          height="16"
-          fill="currentColor"
-          viewBox="0 0 16 16"
-          {...props}
-          className={cn('rounded-full size-4.5 text-red-600 bg-white', props?.className)}
-        >
-          <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1z" />
-        </svg>
-      );
-    case 'away':
-      return (
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="16"
-          height="16"
-          fill="currentColor"
-          viewBox="0 0 16 16"
-          {...props}
-          className={cn('rounded-full size-4.5 text-yellow-500 bg-white', props?.className)}
-        >
-          <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z" />
-        </svg>
-      );
-    case 'unknown':
-      return (
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="16"
-          height="16"
-          fill="currentColor"
-          viewBox="0 0 16 16"
-          {...props}
-          className={cn('rounded-full size-4.5 text-gray-500 bg-white', props?.className)}
-        >
-          <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z" />
-        </svg>
-      );
-    default:
-      return null;
-  }
-}
-
-PresenceBadge.displayName = 'PresenceBadge';
-
-function Presence({ badge = true, status, label, badgeProps, labelProps, ...props }: PresenceProps) {
-  const presence = capitalize(label || status);
-
-  return (
-    <div {...props} className={cn('flex items-center gap-2', props?.className)}>
-      {badge && <PresenceBadge status={status} {...badgeProps} />}
-      <span {...labelProps}>{presence}</span>
-    </div>
-  );
-}
-
-Presence.displayName = 'Presence';
-
-export { Presence, PresenceBadge, type PresenceStatus, type PresenceProps, type PresenceBadgeProps };

package/src/components/connectycube-ui/status-sent.jsx

@@ -1,21 +0,0 @@
-import { Ban, Check, CheckCheck, Clock } from 'lucide-react';
-import { cn } from './utils';
-
-const StatusSent = ({ status, ...props }) => {
-  switch (status) {
-    case 'wait':
-      return <Clock {...props} className={cn('text-gray-500 size-4', props?.className)} />;
-    case 'sent':
-      return <Check {...props} className={cn('text-gray-500 size-4', props?.className)} />;
-    case 'read':
-      return <CheckCheck {...props} className={cn('text-gray-500 size-4', props?.className)} />;
-    case 'lost':
-      return <Ban {...props} className={cn('text-red-500 size-4', props?.className)} />;
-    default:
-      return null;
-  }
-};
-
-StatusSent.displayName = 'StatusSent';
-
-export { StatusSent };

package/src/components/connectycube-ui/status-sent.tsx

@@ -1,25 +0,0 @@
-import { Ban, Check, CheckCheck, Clock, type LucideProps } from 'lucide-react';
-import { cn } from './utils';
-
-interface StatusSentProps extends LucideProps {
-  status?: 'wait' | 'sent' | 'read' | 'lost' | null;
-}
-
-const StatusSent: React.FC<StatusSentProps> = ({ status, ...props }) => {
-  switch (status) {
-    case 'wait':
-      return <Clock {...props} className={cn('text-gray-500 size-4', props?.className)} />;
-    case 'sent':
-      return <Check {...props} className={cn('text-gray-500 size-4', props?.className)} />;
-    case 'read':
-      return <CheckCheck {...props} className={cn('text-gray-500 size-4', props?.className)} />;
-    case 'lost':
-      return <Ban {...props} className={cn('text-red-500 size-4', props?.className)} />;
-    default:
-      return null;
-  }
-};
-
-StatusSent.displayName = 'StatusSent';
-
-export { StatusSent, type StatusSentProps };

package/src/components/connectycube-ui/utils.js

@@ -1,10 +0,0 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export function capitalize(str) {
-  return typeof str === 'string' && str.length > 0 ? `${str[0]?.toUpperCase()}${str.slice(1)}` : '';
-}

package/src/components/connectycube-ui/utils.ts

@@ -1,10 +0,0 @@
-import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-
-export function capitalize(str?: string): string {
-  return typeof str === 'string' && str.length > 0 ? `${str[0]?.toUpperCase()}${str.slice(1)}` : '';
-}