@peerbots/core 0.2.5 → 1.0.0

package/src/ui/SliderWithNumberField.stories.tsx

@@ -1,101 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import SliderWithNumberField from "./SliderWithNumberField";
-import React, { useState } from "react";
-import { Heading, Text } from "./Typography";
-
-const meta: Meta<typeof SliderWithNumberField> = {
-  title: "UI/SliderWithNumberField",
-  component: SliderWithNumberField,
-  argTypes: {
-    onChange: { action: "changed" },
-    min: { control: { type: "number" } },
-    max: { control: { type: "number" } },
-    step: { control: { type: "number" } },
-    disabled: { control: "boolean" },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof SliderWithNumberField>;
-
-const InteractiveSliderWithNumberField = (
-  props: React.ComponentProps<typeof SliderWithNumberField>,
-) => {
-  const [value, setValue] = useState(props.value || props.defaultValue || 0);
-  return (
-    <SliderWithNumberField
-      {...props}
-      value={value}
-      onChange={(v) => {
-        setValue(v);
-        props.onChange?.(v as number, new Event("change")); // Match signature
-      }}
-    />
-  );
-};
-
-export const Default: Story = {
-  args: {
-    min: 0,
-    max: 100,
-    defaultValue: 50,
-  },
-  render: (args) => (
-    <div className="pb:w-80 pb:p-4">
-      <InteractiveSliderWithNumberField
-        {...(args as React.ComponentProps<typeof SliderWithNumberField>)}
-      />
-    </div>
-  ),
-};
-
-export const Variations: Story = {
-  render: () => (
-    <div className="pb:flex pb:flex-col pb:gap-12 pb:p-4">
-      <div className="pb:space-y-4">
-        <Heading level={4} className="pb:text-sm pb:font-medium pb:text-black pb:uppercase">
-          Responsive Layouts
-        </Heading>
-        <div className="pb:space-y-8 pb:max-w-lg">
-          <div className="pb:space-y-2">
-            <Text variant="small" className="pb:font-bold pb:underline">
-              Flexible (Full width of container)
-            </Text>
-            <InteractiveSliderWithNumberField defaultValue={50} />
-          </div>
-
-          <div className="pb:space-y-2 pb:w-64 pb:border-l pb:border-r pb:border-dotted pb:px-2 pb:bg-gray-50 pb:py-4">
-            <Text variant="small" className="pb:font-bold pb:underline">
-              Narrow Container (w-64)
-            </Text>
-            <InteractiveSliderWithNumberField defaultValue={50} />
-          </div>
-
-          <div className="pb:space-y-2 pb:w-48 pb:border-l pb:border-r pb:border-dotted pb:px-2 pb:bg-gray-50 pb:py-4">
-            <Text variant="small" className="pb:font-bold pb:underline">
-              Very Narrow (w-48) - Wraps
-            </Text>
-            <InteractiveSliderWithNumberField defaultValue={50} />
-          </div>
-        </div>
-      </div>
-
-      <div className="pb:space-y-4">
-        <Heading level={4} className="pb:text-sm pb:font-medium pb:text-black pb:uppercase">
-          Configuration
-        </Heading>
-        <div className="pb:space-y-4 pb:max-w-sm">
-          <div className="pb:space-y-1">
-            <Text variant="small">Custom Step (0.5)</Text>
-            <InteractiveSliderWithNumberField
-              step={0.5}
-              defaultValue={2.5}
-              min={0}
-              max={10}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  ),
-};

package/src/ui/Typography.stories.tsx

@@ -1,87 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Heading, Text } from "./Typography";
-
-const meta: Meta = {
-  title: "UI/Typography",
-  tags: ["autodocs"],
-};
-
-export default meta;
-
-export const Default: StoryObj = {
-  render: () => (
-    <div className="pb:space-y-4 pb:max-w-lg">
-      <Heading level={2}>Core Typography</Heading>
-      <Text>
-        The quick brown fox jumps over the lazy dog. This is our standard body
-        text used across the application.
-      </Text>
-    </div>
-  ),
-};
-
-export const Variations: StoryObj = {
-  render: () => (
-    <div className="pb:flex pb:flex-col pb:gap-12 pb:p-4">
-      <div className="pb:space-y-4">
-        <Heading
-          level={4}
-          className="pb:text-sm pb:font-medium pb:text-black pb:uppercase pb:tracking-wider pb:border-b pb:pb-1"
-        >
-          Headings
-        </Heading>
-        <div className="pb:space-y-4">
-          <Heading level={1}>Heading 1</Heading>
-          <Heading level={2}>Heading 2</Heading>
-          <Heading level={3}>Heading 3</Heading>
-          <Heading level={4}>Heading 4</Heading>
-          <Heading level={5}>Heading 5</Heading>
-          <Heading level={6}>Heading 6</Heading>
-        </div>
-      </div>
-
-      <div className="pb:space-y-4">
-        <Heading
-          level={4}
-          className="pb:text-sm pb:font-medium pb:text-black pb:uppercase pb:tracking-wider pb:border-b pb:pb-1"
-        >
-          Text Variants
-        </Heading>
-        <div className="pb:space-y-4">
-          <div className="pb:space-y-1">
-            <Text variant="small" className="pb:italic pb:font-bold">
-              Default
-            </Text>
-            <Text variant="default">
-              The quick brown fox jumps over the lazy dog.
-            </Text>
-          </div>
-          <div className="pb:space-y-1">
-            <Text variant="small" className="pb:italic pb:font-bold">
-              Small
-            </Text>
-            <Text variant="small">
-              The quick brown fox jumps over the lazy dog.
-            </Text>
-          </div>
-          <div className="pb:space-y-1">
-            <Text variant="small" className="pb:italic pb:font-bold">
-              Muted
-            </Text>
-            <Text variant="muted">
-              The quick brown fox jumps over the lazy dog.
-            </Text>
-          </div>
-          <div className="pb:space-y-1">
-            <Text variant="small" className="pb:italic pb:font-bold">
-              Error
-            </Text>
-            <Text variant="error">
-              The quick brown fox jumps over the lazy dog.
-            </Text>
-          </div>
-        </div>
-      </div>
-    </div>
-  ),
-};

package/src/ui/Typography.tsx

@@ -1,80 +0,0 @@
-import React from "react";
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-
-const headingSizes = {
-  1: "pb:text-4xl pb:font-bold",
-  2: "pb:text-3xl pb:font-bold",
-  3: "pb:text-2xl pb:font-bold",
-  4: "pb:text-xl pb:font-bold",
-  5: "pb:text-lg pb:font-bold",
-  6: "pb:text-base pb:font-bold",
-};
-
-const textVariants = {
-  default: "pb:text-base pb:text-slate-950",
-  muted: "pb:text-sm pb:text-slate-600",
-  error: "pb:text-sm pb:text-red-600 pb:font-medium",
-  small: "pb:text-xs pb:text-slate-600",
-};
-
-interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
-  level?: 1 | 2 | 3 | 4 | 5 | 6;
-  children?: React.ReactNode;
-}
-
-export const Heading = ({
-  level = 1,
-  className,
-  children,
-  ...props
-}: HeadingProps) => {
-  return React.createElement(
-    `h${level}`,
-    { className: cn(headingSizes[level], className), ...props },
-    children,
-  );
-};
-
-interface TextProps extends React.HTMLAttributes<HTMLElement> {
-  variant?: "default" | "muted" | "error" | "small";
-  as?: React.ElementType;
-  children?: React.ReactNode;
-}
-
-export const Text = ({
-  variant = "default",
-  as: Component = "p",
-  className,
-  children,
-  ...props
-}: TextProps) => {
-  return React.createElement(
-    Component,
-    { className: cn(textVariants[variant], className), ...props },
-    children,
-  );
-};
-
-export const TypographyList = ({ args }: { args: Record<string, unknown> }) => {
-  return (
-    <div
-      className="pb:space-y-4"
-      {...(args as React.HTMLAttributes<HTMLDivElement>)}
-    >
-      <Heading level={1}>Heading 1</Heading>
-      <Heading level={2}>Heading 2</Heading>
-      <Heading level={3}>Heading 3</Heading>
-      <Text>Body text</Text>
-      <Text variant="muted">Caption text</Text>
-      <Text variant="small">Small text</Text>
-      <Text variant="small" as="span">
-        Small span text
-      </Text>
-    </div>
-  );
-};