startx 1.0.2 → 1.0.3

package/packages/ui/src/components/ui/timeline.tsx

@@ -1,118 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '../lib/utils';
-
-const Timeline = React.forwardRef<HTMLOListElement, React.HTMLAttributes<HTMLOListElement>>(
-	({ className, ...props }, ref) => (
-		<ol ref={ref} className={cn('flex flex-col', className)} {...props} />
-	),
-);
-Timeline.displayName = 'Timeline';
-
-const TimelineItem = React.forwardRef<HTMLLIElement, React.LiHTMLAttributes<HTMLLIElement> & {className: string}>(
-	({ className, ...props }, ref) => (
-		<li
-			ref={ref}
-			className={cn('relative flex flex-col p-6 pl-3 pt-0 [&>*]:mb-2', className)}
-			{...props}
-		/>
-	),
-);
-TimelineItem.displayName = 'TimelineItem';
-
-const TimelineTime = React.forwardRef<
-	HTMLParagraphElement,
-	React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-	<p
-		ref={ref}
-		className={cn(
-			'absolute translate-x-36 md:-translate-x-24 text-sm font-semibold leading-none text-secondary-foreground',
-			className,
-		)}
-		{...props}
-	/>
-));
-TimelineTime.displayName = 'TimelineTime';
-
-const TimelineConnector = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div
-			ref={ref}
-			className={cn(
-				'absolute top-[5px] left-[30px] -translate-x-1/2 translate-y-2 h-full w-px bg-primary',
-				className,
-			)}
-			{...props}
-		/>
-	),
-);
-TimelineConnector.displayName = 'TimelineConnector';
-
-const TimelineHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div ref={ref} className={cn('flex items-center gap-4', className)} {...props} />
-	),
-);
-TimelineHeader.displayName = 'TimelineHeader';
-
-const TimelineTitle = React.forwardRef<
-	HTMLHeadingElement,
-	React.HTMLAttributes<HTMLHeadingElement>
->(({ className, children, ...props }, ref) => (
-	<h3
-		ref={ref}
-		className={cn('font-semibold leading-none tracking-tight text-secondary-foreground', className)}
-		{...props}
-	>
-		{children}
-	</h3>
-));
-TimelineTitle.displayName = 'CardTitle';
-
-const TimelineIcon = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div
-			ref={ref}
-			className={cn(
-				'grid place-content-center flex-col text-center items-center  size-7 justify-center relative left-1 bg-primary rounded-full',
-				className,
-			)}
-			{...props}
-		>
-			{props.children}
-		</div>
-	),
-);
-TimelineIcon.displayName = 'TimelineIcon';
-
-const TimelineDescription = React.forwardRef<
-	HTMLParagraphElement,
-	React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-	<p
-		ref={ref}
-		className={cn('text-sm text-muted-foreground max-w-sm ml-5', className)}
-		{...props}
-	/>
-));
-TimelineDescription.displayName = 'TimelineDescription';
-
-const TimelineContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-	({ className, ...props }, ref) => (
-		<div ref={ref} className={cn('flex flex-col items-start p-6 pt-0', className)} {...props} />
-	),
-);
-TimelineContent.displayName = 'TimelineContent';
-
-export {
-	Timeline,
-	TimelineItem,
-	TimelineConnector,
-	TimelineHeader,
-	TimelineTitle,
-	TimelineIcon,
-	TimelineDescription,
-	TimelineContent,
-	TimelineTime,
-};

package/packages/ui/src/components/util/n-formattor.ts

@@ -1,22 +0,0 @@
-export function nFormatter(num: number, digits?: number) {
-  if (!num) return "0";
-  const lookup = [
-    { value: 1, symbol: "" },
-    { value: 1e3, symbol: "K" },
-    { value: 1e6, symbol: "M" },
-    { value: 1e9, symbol: "B" },
-    { value: 1e12, symbol: "T" },
-    { value: 1e15, symbol: "P" },
-    { value: 1e18, symbol: "E" },
-  ];
-  const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
-  const item = lookup
-    .slice()
-    .reverse()
-    .find(function (item) {
-      return num >= item.value;
-    });
-  return item
-    ? (num / item.value).toFixed(digits ?? 1).replace(rx, "$1") + item.symbol
-    : "0";
-}

package/packages/ui/src/components/util/storage.ts

@@ -1,37 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-return */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export interface Store<T = Record<string, any>> {
-	_store: T;
-	get(key: string): string | null;
-	set(key: string, value: string): void;
-}
-
-export const InMemoryStorage: Store = {
-	_store: {},
-	get(key: string): string | null {
-		return this._store[key];
-	},
-	set(key: string, value: string): void {
-		this._store[key] = value;
-	},
-};
-
-export const SessionStorageStore: Store = {
-	_store: {},
-	get(key: string): string | null {
-		return sessionStorage.getItem(key);
-	},
-	set(key: string, value: string): void {
-		sessionStorage.setItem(key, value);
-	},
-};
-
-export const LocalStorageStore: Store = {
-	_store: {},
-	get(key: string): string | null {
-		return localStorage.getItem(key);
-	},
-	set(key: string, value: string): void {
-		localStorage.setItem(key, value);
-	},
-};

package/packages/ui/src/globals.css

@@ -1,87 +0,0 @@
-@import "tailwindcss";
-@config "../tailwind.config.ts";
-@source "../**/*.{ts,tsx}";
-
-@custom-variant dark (&:is(.dark *));
-
-@layer base {
-	:root {
-		--background: 0 0% 100%;
-		--foreground: 224 71.4% 4.1%;
-		--card: 0 0% 100%;
-		--card-foreground: 224 71.4% 4.1%;
-		--popover: 0 0% 100%;
-		--popover-foreground: 224 71.4% 4.1%;
-		--primary: 262.1 83.3% 57.8%;
-		--primary-foreground: 210 20% 98%;
-		--secondary: 220 14.3% 95.9%;
-		--secondary-foreground: 220.9 39.3% 11%;
-		--muted: 220 14.3% 95.9%;
-		--muted-foreground: 220 8.9% 46.1%;
-		--accent: 220 14.3% 95.9%;
-		--accent-foreground: 220.9 39.3% 11%;
-		--destructive: 0 84.2% 60.2%;
-		--destructive-foreground: 210 20% 98%;
-		--border: 220 13% 91%;
-		--input: 220 13% 91%;
-		--ring: 262.1 83.3% 57.8%;
-		--radius: 0.75rem;
-		--chart-1: 173 58% 39%;
-		--chart-2: 12 76% 61%;
-		--chart-3: 197 37% 24%;
-		--chart-4: 43 74% 66%;
-		--chart-5: 27 87% 67%;
-	}
-
-	.dark {
-		--background: 224 71.4% 4.1%;
-		--foreground: 210 20% 98%;
-		--card: 224 71.4% 4.1%;
-		--card-foreground: 210 20% 98%;
-		--popover: 224 71.4% 4.1%;
-		--popover-foreground: 210 20% 98%;
-		--primary: 263.4 70% 50.4%;
-		--primary-foreground: 210 20% 98%;
-		--secondary: 215 27.9% 16.9%;
-		--secondary-foreground: 210 20% 98%;
-		--muted: 215 27.9% 16.9%;
-		--muted-foreground: 217.9 10.6% 64.9%;
-		--accent: 215 27.9% 16.9%;
-		--accent-foreground: 210 20% 98%;
-		--destructive: 0 62.8% 50.6%;
-		--destructive-foreground: 210 20% 98%;
-		--border: 215 27.9% 16.9%;
-		--input: 215 27.9% 16.9%;
-		--ring: 263.4 70% 50.4%;
-		--chart-1: 173 58% 39%;
-		--chart-2: 12 76% 61%;
-		--chart-3: 197 37% 24%;
-		--chart-4: 43 74% 66%;
-		--chart-5: 27 87% 67%;
-	}
-}
-
-html {
-	background-color: var(--background);
-}
-@layer base {
-	* {
-		font-family: var(--font-openSans);
-	}
-}
-
-@layer utilities {
-	/* Chrome, Safari and Opera */
-	.no-scrollbar::-webkit-scrollbar {
-		display: none;
-	}
-
-	.no-scrollbar {
-		-ms-overflow-style: none; /* IE and Edge */
-		scrollbar-width: none; /* Firefox */
-	}
-}
-
-html {
-	scroll-behavior: smooth;
-}

package/packages/ui/tailwind.config.ts

@@ -1,94 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-import type { Config } from "tailwindcss";
-import tailwindcssAnimate from "tailwindcss-animate";
-
-const config = {
-	darkMode: ["class", "string"],
-	content: [
-		"./pages/**/*.{ts,tsx}",
-		"./components/**/*.{ts,tsx}",
-		"./src/**/*.{ts,tsx}",
-		"../../apps/**/*.{ts,tsx}",
-		"../../packages/ui/src/**/*.{ts,tsx}",
-	],
-	prefix: "",
-	theme: {
-		container: {
-			center: true,
-			padding: "2rem",
-			screens: {
-				"2xl": "1400px",
-			},
-		},
-		extend: {
-			backgroundImage: {
-				"instagram-gradient": "linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888)",
-			},
-			fontFamily: {
-				poppins: ["var(--font-poppins)", "sans-serif"],
-				alike: ["var(--font-alike)", "sans-serif"],
-				openSans: ["var(--font-openSans)", "sans-serif"],
-				alertaStencils: ["var(--font-alertaStencils)", "sans-serif"],
-				pacifico: ["var(--font-pacifico)", "sans-serif"],
-			},
-			colors: {
-				border: "hsl(var(--border))",
-				input: "hsl(var(--input))",
-				ring: "hsl(var(--ring))",
-				background: "hsl(var(--background))",
-				foreground: "hsl(var(--foreground))",
-				"white-smoke": "#f8f9fa",
-				primary: {
-					DEFAULT: "hsl(var(--primary))",
-					foreground: "hsl(var(--primary-foreground))",
-				},
-				secondary: {
-					DEFAULT: "hsl(var(--secondary))",
-					foreground: "hsl(var(--secondary-foreground))",
-				},
-				destructive: {
-					DEFAULT: "hsl(var(--destructive))",
-					foreground: "hsl(var(--destructive-foreground))",
-				},
-				muted: {
-					DEFAULT: "hsl(var(--muted))",
-					foreground: "hsl(var(--muted-foreground))",
-				},
-				accent: {
-					DEFAULT: "hsl(var(--accent))",
-					foreground: "hsl(var(--accent-foreground))",
-				},
-				popover: {
-					DEFAULT: "hsl(var(--popover))",
-					foreground: "hsl(var(--popover-foreground))",
-				},
-				card: {
-					DEFAULT: "hsl(var(--card))",
-					foreground: "hsl(var(--card-foreground))",
-				},
-			},
-			borderRadius: {
-				lg: "var(--radius)",
-				md: "calc(var(--radius) - 2px)",
-				sm: "calc(var(--radius) - 4px)",
-			},
-			keyframes: {
-				"accordion-down": {
-					from: { height: "0" },
-					to: { height: "var(--radix-accordion-content-height)" },
-				},
-				"accordion-up": {
-					from: { height: "var(--radix-accordion-content-height)" },
-					to: { height: "0" },
-				},
-			},
-			animation: {
-				"accordion-down": "accordion-down 0.2s ease-out",
-				"accordion-up": "accordion-up 0.2s ease-out",
-			},
-		},
-	},
-	plugins: [tailwindcssAnimate],
-} satisfies Config;
-
-export { config };