@alisonquinter17/alieta-ui 0.1.0 → 0.2.0

package/src/components/Buttons/Button.stories.tsx

@@ -1,126 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Button } from "./Button";
-
-const meta = {
-  title: "Alieta UI/Components/Buttons",
-  component: Button,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  argTypes: {
-    variant: {
-      control: "select",
-      options: ["primary", "secondary", "ghost", "destructive"],
-      description: "Visual style of the button",
-    },
-    size: {
-      control: "select",
-      options: ["small", "medium", "large"],
-      description: "Size of the button",
-    },
-    icon: {
-      control: false,
-      description: "Optional icon on the left side (IonIcon component)",
-    },
-    iconSize: {
-      control: "select",
-      options: ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"],
-      description: "Size of the icon",
-    },
-    isLoading: {
-      control: "boolean",
-      description: "Show a loader inside the button",
-    },
-    disabled: {
-      control: "boolean",
-      description: "Disable the button",
-    },
-    children: {
-      control: "text",
-      description: "Button label",
-    },
-  },
-} satisfies Meta<typeof Button>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Primary: Story = {
-  args: {
-    variant: "primary",
-    children: "Button",
-  },
-};
-
-export const Secondary: Story = {
-  args: {
-    variant: "secondary",
-    children: "Button",
-  },
-};
-
-export const Ghost: Story = {
-  args: {
-    variant: "ghost",
-    children: "Button",
-  },
-};
-
-export const Destructive: Story = {
-  args: {
-    variant: "destructive",
-    children: "Delete",
-  },
-};
-
-export const Small: Story = {
-  args: {
-    size: "small",
-    variant: "primary",
-    children: "Button",
-  },
-};
-
-export const Medium: Story = {
-  args: {
-    size: "medium",
-    variant: "primary",
-    children: "Button",
-  },
-};
-
-export const Large: Story = {
-  args: {
-    size: "large",
-    variant: "primary",
-    children: "Button",
-  },
-};
-
-export const Iconic: Story = {
-  args: {
-    variant: "primary",
-    children: "Button",
-    icon: "pencil",
-    iconStyle: { filter: "drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25))" },
-    size: "small",
-    iconSize: "sm",
-  },
-};
-
-export const Loading: Story = {
-  args: {
-    variant: "primary",
-    children: "Loading...",
-    isLoading: true,
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    variant: "secondary",
-    children: "Disabled",
-    disabled: true,
-  },
-};

package/src/components/Buttons/Button.tsx

@@ -1,79 +0,0 @@
-import { HTMLProps, PropsWithChildren, ReactNode } from "react";
-import { Spinner } from "../Loader/Loader";
-import Icon, { IconSize } from "../Icons/Icon";
-
-export type ButtonVariant = "primary" | "secondary" | "ghost" | "destructive";
-export type ButtonSize = "small" | "medium" | "large";
-export interface ButtonProps
-  extends Omit<HTMLProps<HTMLButtonElement>, "size"> {
-  variant: ButtonVariant;
-  icon?: ReactNode;
-  iconStyle?: React.CSSProperties;
-  iconSize?: IconSize;
-  padding?: string;
-  size?: ButtonSize;
-  isLoading?: boolean;
-  type?: "button" | "submit" | "reset";
-}
-
-const baseStyle =
-  "flex justify-center items-center gap-1 relative transition-colors";
-
-const disabledClasses =
-  "disabled:bg-gray-200 disabled:text-gray-400 disabled:cursor-not-allowed";
-
-const variantClasses: Record<ButtonVariant, string> = {
-  primary: `bg-purple-500 text-white hover:bg-purple-600 focus:bg-purple-700 ${disabledClasses}`,
-  secondary: `border border-purple-600 text-purple-600 hover:bg-purple-50 focus:bg-purple-100 ${disabledClasses} disabled:border-0`,
-  ghost: `text-purple-600 hover:bg-purple-50 ${disabledClasses}`,
-  destructive: `border border-pink-600 text-pink-600 hover:bg-pink-50 focus:bg-pink-100 ${disabledClasses} disabled:border-0`,
-};
-
-const sizeClasses: Record<ButtonSize, string> = {
-  small: "h-[2rem] rounded-lg text-body-s font-medium px-2",
-  medium: "h-[2.5rem] rounded-lg text-body-m font-medium px-3",
-  large: "h-[3rem] rounded-lg text-body-l font-semibold px-4",
-};
-
-export const Button: React.FC<PropsWithChildren<ButtonProps>> = ({
-  children,
-  className = "",
-  icon,
-  padding,
-  size = "medium",
-  iconSize = "sm",
-  iconStyle,
-  type = "button",
-  variant,
-  isLoading = false,
-  ...props
-}) => {
-  const composedClassName = [
-    baseStyle,
-    padding ?? sizeClasses[size],
-    variantClasses[variant],
-    className,
-  ]
-    .filter(Boolean)
-    .join(" ");
-
-  return (
-    <button
-      type={type}
-      className={composedClassName}
-      disabled={isLoading || props.disabled}
-      {...props}
-    >
-      {isLoading ? (
-        <Spinner className="w-6 h-6 mr-1" />
-      ) : (
-        icon && (
-          <div className="mr-1">
-            <Icon name={icon as string} iconSize={iconSize} iconStyle={iconStyle} />
-          </div>
-        )
-      )}
-      {children}
-    </button>
-  );
-};

package/src/components/Buttons/index.ts

@@ -1,2 +0,0 @@
-export type { ButtonVariant, ButtonSize, ButtonProps } from "./Button";
-export { Button } from "./Button";

package/src/components/Icons/Icon.stories.tsx

@@ -1,166 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Icon from "./Icon";
-
-const iconNameOptions = [
-  "fish",
-  "fish-outline",
-  "trash",
-  "trash-outline",
-  "pencil",
-  "pencil-outline",
-];
-const iconStyle = {
-  filter: "drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25))",
-};
-const className = "text-orange-500";
-
-const meta = {
-  title: "Alieta UI/Components/Icons",
-  component: Icon,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  argTypes: {
-    name: {
-      control: { type: "select" },
-      options: iconNameOptions,
-      description:
-        'Name of the Ionicon to render. Must match a valid icon from <a href="https://ionic.io/ionicons" target="_blank" rel="noopener noreferrer">Ionicons</a>.',
-    },
-    iconSize: {
-      control: { type: "select" },
-      options: [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl",
-        "2xl",
-        "3xl",
-        "4xl",
-        "5xl",
-        "6xl",
-      ],
-      description:
-        "Size of the icon: xs (12px), sm (16px), md (24px), lg (36px), xl (48px), 2xl (64px), 3xl (96px), 4xl (128px), 5xl (160px), 6xl (192px).",
-    },
-    iconStyle: {
-      control: { type: "object" },
-      description: "Custom inline styles to apply to the icon (e.g. color).",
-    },
-    className: {
-      control: { type: "text" },
-      description: "Custom class name to apply to the icon.",
-    },
-  },
-} satisfies Meta<typeof Icon>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const XSmall: Story = {
-  args: {
-    name: "fish",
-    iconSize: "xs",
-    iconStyle,
-    className,
-  },
-};
-
-export const Small: Story = {
-  args: {
-    name: "fish",
-    iconSize: "sm",
-    iconStyle,
-    className,
-  },
-};
-
-export const Medium: Story = {
-  args: {
-    name: "fish",
-    iconSize: "md",
-    iconStyle,
-    className,
-  },
-};
-
-export const Large: Story = {
-  args: {
-    name: "fish",
-    iconSize: "lg",
-    iconStyle,
-    className,
-  },
-};
-
-export const XLarge: Story = {
-  args: {
-    name: "fish",
-    iconSize: "xl",
-    iconStyle,
-    className,
-  },
-};
-
-export const XXLarge: Story = {
-  args: {
-    name: "fish",
-    iconSize: "2xl",
-    iconStyle,
-    className,
-  },
-};
-
-export const XXXLarge: Story = {
-  args: {
-    name: "fish",
-    iconSize: "3xl",
-    iconStyle,
-    className,
-  },
-};
-
-export const XXXXLarge: Story = {
-  args: {
-    name: "fish",
-    iconSize: "4xl",
-    iconStyle,
-    className,
-  },
-};
-
-export const XXXXXLarge: Story = {
-  args: {
-    name: "fish",
-    iconSize: "5xl",
-    iconStyle,
-    className,
-  },
-};
-
-export const XXXXXXLarge: Story = {
-  args: {
-    name: "fish",
-    iconSize: "6xl",
-    iconStyle,
-    className,
-  },
-};
-
-export const CustomIcon: Story = {
-  args: {
-    name: "fish-outline",
-    className: "text-8xl text-sky-400",
-    iconStyle,
-  },
-};
-
-export const BlumioIcon: Story = {
-  args: {
-    name: "blumio",
-    iconSize: "5xl",
-    className: "bg-sky-700 p-2 rounded-lg",
-  },
-};

package/src/components/Icons/Icon.tsx

@@ -1,79 +0,0 @@
-import { BlumioSVG } from "./blumio-icons/BlumioSVG";
-
-type IconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
-type IconRegistry = Record<string, IconComponent>;
-const customIcons: IconRegistry = {
-  blumio: BlumioSVG,
-};
-
-const centerStyles: React.CSSProperties = {
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-};
-
-const iconSizes = {
-  xs: { width: "0.75rem", height: "0.75rem" },   // 12px
-  sm: { width: "1rem", height: "1rem" },         // 16px
-  md: { width: "1.5rem", height: "1.5rem" },     // 24px
-  lg: { width: "2.25rem", height: "2.25rem" },   // 36px
-  xl: { width: "3rem", height: "3rem" },         // 48px
-  "2xl": { width: "4rem", height: "4rem" },      // 64px
-  "3xl": { width: "6rem", height: "6rem" },      // 96px
-  "4xl": { width: "8rem", height: "8rem" },      // 128px
-  "5xl": { width: "10rem", height: "10rem" },    // 160px
-  "6xl": { width: "12rem", height: "12rem" },    // 192px
-} as const;
-
-export type IconSize = keyof typeof iconSizes;
-
-export interface IconProps {
-  name: string;
-  iconSize?: IconSize;
-  iconStyle?: React.CSSProperties;
-  className?: string;
-}
-
-const Icon: React.FC<React.HTMLProps<HTMLSpanElement> & IconProps> = ({
-  name,
-  iconSize,
-  iconStyle = {},
-  className = "",
-  ...spanProps
-}) => {
-  const CustomIconComponent = customIcons[name];
-  const sizeStyle = iconSize ? iconSizes[iconSize] : {};
-  const combinedStyle = {
-    ...centerStyles,
-    ...sizeStyle,
-  };
-
-  return (
-    <span key={name} {...spanProps} className={className} style={combinedStyle}>
-      {CustomIconComponent ? (
-        <CustomIconComponent
-          data-testid={name}
-          style={{
-            width: "100%",
-            height: "100%",
-            ...iconStyle,
-          }}
-          className="w-full h-full"
-        />
-      ) : (
-        // @ts-ignore
-        <ion-icon
-          name={name}
-          data-testid={name}
-          style={{
-            ...sizeStyle,
-            ...iconStyle,
-          }}
-          onClick={spanProps.onClick}
-        />
-      )}
-    </span>
-  );
-};
-
-export default Icon;

package/src/components/Icons/blumio-icons/BlumioSVG.tsx

@@ -1,47 +0,0 @@
-export const BlumioSVG: React.ComponentType<React.SVGProps<SVGSVGElement>> = () => {
-  return (
-    <svg
-    xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 1920 1920"
-      fill="currentColor"
-      width="100%"
-      height="100%"
-    >
-      <path
-        d="M0 0 C1.05306839 0.00081573 1.05306839 0.00081573 2.12741089 0.00164795 C19.46167534 0.0632244 34.69766864 2.9377184 50.4375 10.375 C51.46206299 10.85646484 51.46206299 10.85646484 52.50732422 11.34765625 C64.80869591 17.23932164 75.9300373 24.49920945 85.4375 34.375 C89.38957272 32.69224398 92.46233305 30.00880045 95.75 27.3125 C124.60152595 4.27980106 159.00232063 -3.09252244 195.4296875 0.80078125 C226.69147627 6.01107938 255.03317723 24.91375546 273.44287109 50.41186523 C280.36575468 60.36055429 285.8690654 70.90878281 289.8125 82.375 C290.15244995 83.3501355 290.15244995 83.3501355 290.49926758 84.3449707 C294.85855798 97.97697512 295.88578927 111.82775471 295.84155273 126.02709961 C295.847274 127.71779832 295.85424494 129.40849317 295.86235046 131.09918213 C295.880091 135.6338833 295.87915156 140.16838902 295.87340808 144.70311427 C295.87029212 148.50559077 295.87643428 152.30803101 295.88244683 156.1105023 C295.8964239 165.08094251 295.89498441 174.05128732 295.88354492 183.02172852 C295.87203512 192.25089441 295.88620287 201.47977067 295.9129414 210.70889848 C295.93512678 218.66688951 295.94173042 226.62478977 295.93586498 234.58280951 C295.93250527 239.32141523 295.93484633 244.05983479 295.95211601 248.79841423 C295.96763154 253.2482452 295.96357887 257.69764664 295.94481087 262.14746094 C295.94113955 263.77356957 295.94419067 265.39971042 295.95469666 267.02578926 C296.02962496 279.58715777 294.52925966 288.98966363 285.5859375 298.3984375 C278.42599007 304.98558913 270.15982183 308.22611299 260.4375 308.375 C249.15445585 307.55275387 239.99946641 303.94249865 232.1953125 295.6328125 C227.07006194 289.04971289 224.31716925 282.12964534 224.29946899 273.83094788 C224.29664771 273.16306525 224.29382643 272.49518263 224.29091966 271.80706114 C224.28257241 269.56415211 224.28123526 267.32129244 224.27978516 265.07836914 C224.27511675 263.47180034 224.26997315 261.86523287 224.26438904 260.25866699 C224.25310382 256.79486782 224.24467142 253.33107728 224.23826981 249.8672657 C224.22758345 244.38189117 224.20733428 238.8965782 224.18515015 233.41123962 C224.12325573 217.81121662 224.06930115 202.21119643 224.03613281 186.61108398 C224.01773995 177.99815957 223.98874137 169.38533758 223.9481281 160.77248853 C223.92712775 156.21809715 223.91161084 151.6638345 223.90932083 147.10939217 C223.9071604 142.81736179 223.89115003 138.52559892 223.86493111 134.23365021 C223.85778815 132.66645982 223.85561257 131.09923685 223.85903358 129.53203392 C223.88759476 113.94728507 221.11106131 102.01458855 212.1875 89.125 C201.48723346 78.42473346 188.84500974 72.97243563 173.8125 72.9375 C158.79904045 72.97066975 147.49336908 78.00094345 136.4140625 88.24609375 C124.33499177 100.93175537 123.1328444 115.84809418 123.19799805 132.46630859 C123.19688327 134.07390939 123.19482251 135.68150976 123.19189453 137.28910828 C123.18719509 140.73371028 123.18826853 144.17824396 123.19367027 147.6228447 C123.20132098 153.07939253 123.1905787 158.53581066 123.1764679 163.99234009 C123.13884428 179.50271133 123.12052933 195.01302259 123.13208008 210.5234375 C123.13831174 219.10311385 123.12664155 227.68257927 123.09563476 236.26220381 C123.07706618 241.67655657 123.08021597 247.09030774 123.09980237 252.50464988 C123.10672442 255.8846948 123.09264882 259.26441937 123.07285309 262.64440346 C123.0678415 264.20032327 123.07119742 265.75629852 123.08398628 267.31217384 C123.16698975 278.19161918 121.79575406 287.36577358 115.26171875 296.375 C106.67550532 304.41182134 99.33464335 307.68491048 87.4375 308.375 C75.72917789 307.93483751 66.04779328 302.96915593 58.09375 294.4609375 C53.00959821 288.05778407 51.31696777 281.87925288 51.29946899 273.80007935 C51.29664771 273.14092053 51.29382643 272.48176172 51.29091966 271.8026284 C51.28259091 269.59513224 51.28123684 267.38768636 51.27978516 265.18017578 C51.27511535 263.59640869 51.26997151 262.01264293 51.26438904 260.42887878 C51.25311318 257.01693981 51.24467622 253.60500955 51.23826981 250.19305801 C51.22757037 244.78686545 51.20731732 239.38073505 51.18515015 233.97457886 C51.12330097 218.6005948 51.06932434 203.22661365 51.03613281 187.85253906 C51.01772263 179.36227586 50.98870249 170.87211624 50.9481281 162.38192928 C50.92715613 157.89455843 50.91161494 153.40731759 50.90932083 148.91989517 C50.90715568 144.68940233 50.89109855 140.45917961 50.86493111 136.2287693 C50.85780573 134.68660667 50.85560377 133.14441107 50.85903358 131.60223579 C50.89078316 114.59371258 48.48187993 99.05094618 36.46484375 86.21875 C24.64369681 75.46811155 10.88477543 72.34427692 -4.6796875 72.93359375 C-17.68195405 73.83996534 -29.05237246 80.18094785 -37.875 89.6875 C-47.45799817 101.85374115 -48.86057459 113.40988541 -48.83374023 128.36279297 C-48.83813232 129.98319764 -48.84343623 131.60360005 -48.84957886 133.22399902 C-48.86104246 136.70191704 -48.86653559 140.17977443 -48.86746025 143.65771103 C-48.86940818 149.16396321 -48.88750097 154.67009078 -48.90821838 160.17630005 C-48.9573074 173.8519549 -48.98826977 187.52764346 -49.00952148 201.20336914 C-49.02606812 211.83564157 -49.04894417 222.46780659 -49.09254223 233.10000718 C-49.11424916 238.56661552 -49.12238297 244.03301944 -49.12014949 249.49966788 C-49.12182328 252.90904872 -49.13591476 256.31829748 -49.15336227 259.72763062 C-49.15893299 261.30050821 -49.15947374 262.87341352 -49.15442467 264.44629288 C-49.11529637 278.07066974 -50.75400306 288.78182567 -60.15625 299.12890625 C-67.08031936 305.6447168 -76.15539235 308.48954621 -85.5625 308.375 C-95.93654454 307.54150431 -105.06426264 303.60600864 -112.73828125 296.5390625 C-118.87909107 289.25424742 -121.67995133 280.99980615 -121.70294189 271.64390564 C-121.70591302 270.96785689 -121.70888414 270.29180815 -121.7119453 269.59527308 C-121.72061486 267.33034852 -121.72213915 265.06547694 -121.72363281 262.80053711 C-121.72826272 261.17562243 -121.73328762 259.55070884 -121.73867798 257.92579651 C-121.75179916 253.50754358 -121.75824798 249.08930585 -121.76268864 244.67103648 C-121.76562366 241.9036042 -121.76972958 239.13617602 -121.77419281 236.3687458 C-121.78787546 227.69065907 -121.79753477 219.01258177 -121.8013947 210.33448499 C-121.80585839 200.35575579 -121.82332402 190.37716474 -121.8523953 180.39847749 C-121.87413327 172.66482774 -121.88410562 164.93121646 -121.88543582 157.19753653 C-121.88647649 152.58981198 -121.89222325 147.98221712 -121.91025543 143.37452507 C-122.06483464 101.42404392 -116.7166562 66.05962243 -86.06298828 34.85693359 C-62.91944308 11.99957607 -32.42874372 -0.0948391 0 0 Z "
-        fill="#FFFFFF"
-        transform="translate(1079.5625,835.625)"
-      />
-      <path
-        d="M0 0 C9.13294259 6.52563478 14.58766756 14.94765917 16.53404236 26.04481506 C17.09061274 30.76914752 17.17586641 35.40543823 17.20532227 40.15795898 C17.21522186 41.15384537 17.22512146 42.14973175 17.23532104 43.17579651 C17.26676733 46.4492052 17.29162645 49.72262838 17.31640625 52.99609375 C17.33699036 55.27295802 17.35798721 57.54981859 17.37937927 59.82667542 C17.43444947 65.80574542 17.48392489 71.78484905 17.53222656 77.76397705 C17.58255176 83.87067643 17.63818021 89.97732727 17.69335938 96.08398438 C17.80075674 108.05594806 17.90224231 120.02795399 18 132 C19.08969589 131.37918045 20.17939178 130.7583609 21.30210876 130.11872864 C22.75072513 129.29751979 24.19942439 128.47645716 25.64819336 127.65551758 C26.72213474 127.04290447 26.72213474 127.04290447 27.81777191 126.41791534 C33.24164116 123.35014936 38.69170483 120.79373548 44.5625 118.6875 C45.44744141 118.36120605 46.33238281 118.03491211 47.24414062 117.69873047 C64.88353514 111.3154666 82.00194533 108.59889455 100.6875 108.6875 C101.48402985 108.68932281 102.28055969 108.69114563 103.10122681 108.69302368 C114.66130865 108.73760674 125.74635691 109.13733281 137 112 C137.67337402 112.16097168 138.34674805 112.32194336 139.04052734 112.48779297 C178.02464519 121.9409648 212.7848945 148.14963054 233.625 182.25 C254.66764794 217.82231497 262.38449554 261.02057361 252.39794922 301.43652344 C244.93539643 330.33644696 230.49954966 354.46289645 210 376 C209.11054687 376.96873047 209.11054687 376.96873047 208.203125 377.95703125 C185.25897455 402.20740809 148.24414015 418.55670202 115.09204102 420.19287109 C113.72945606 420.22552559 112.3667161 420.25214406 111.00390625 420.2734375 C110.26151199 420.28601089 109.51911774 420.29858429 108.75422668 420.3115387 C63.16086797 420.93318674 26.08464073 407.26602953 -8 377 C-8.65355469 376.41992188 -9.30710938 375.83984375 -9.98046875 375.2421875 C-32.29226953 354.1493212 -47.65557441 322.99097344 -53 293 C-53.16888324 292.05455731 -53.33776648 291.10911463 -53.51176739 290.13502216 C-55.4123567 277.8881235 -55.28914146 265.69174082 -55.2746582 253.32299805 C-55.27901233 250.85428209 -55.2841978 248.38556749 -55.29014587 245.91685486 C-55.30208748 239.94177923 -55.30469742 233.96676966 -55.30234561 227.99168815 C-55.3005542 223.13324066 -55.30232959 218.27480673 -55.30657005 213.41636086 C-55.30716524 212.7218894 -55.30776043 212.02741795 -55.30837366 211.3119019 C-55.30958553 209.90065822 -55.31079966 208.48941455 -55.31201603 207.07817087 C-55.32285759 193.88597924 -55.32074416 180.69381326 -55.31463119 167.50162021 C-55.3094552 155.44922544 -55.32074146 143.39691133 -55.33972941 131.34453251 C-55.3591231 118.93872559 -55.36736175 106.5329568 -55.36360615 94.12713462 C-55.3616977 87.17412741 -55.36414771 80.22118898 -55.37832069 73.2681942 C-55.39150405 66.73536744 -55.388954 60.20267563 -55.37590981 53.66983986 C-55.37354536 51.27615428 -55.37627396 48.88245729 -55.38453293 46.48878479 C-55.39501203 43.21517039 -55.38689015 39.94209801 -55.3742218 36.66850281 C-55.38159609 35.72734405 -55.38897037 34.78618529 -55.39656812 33.81650656 C-55.30479267 22.50175352 -51.84804822 13.36368258 -44.18359375 5.0234375 C-33.00607254 -5.58956243 -13.39849674 -8.55479558 0 0 Z M73 185 C72.13117188 185.27714844 71.26234375 185.55429687 70.3671875 185.83984375 C49.89180738 192.98318376 34.58229777 209.27144262 24.6875 228 C15.7162056 246.78987771 13.35082449 270.14657031 20.26367188 290.0390625 C24.34286566 300.90248573 29.19282379 310.31802392 37 319 C37.45503906 319.59554687 37.91007812 320.19109375 38.37890625 320.8046875 C49.9973062 335.85658475 69.74460631 344.77757279 88 348 C115.34691356 349.85554631 137.67728719 343.87968444 158.578125 325.765625 C174.91047046 310.43526393 183.8363844 288.9623438 184.99609375 266.73046875 C185.02138043 242.5816883 175.94710067 221.56168306 159.4375 204 C142.37324848 187.37461728 120.73454307 180.49423144 97.31689453 180.57373047 C88.64879923 180.76253531 81.18336774 182.01192552 73 185 Z "
-        fill="#FFFFFF"
-        transform="translate(123,727)"
-      />
-      <path
-        d="M0 0 C0.75205719 -0.00979385 1.50411438 -0.01958771 2.27896118 -0.02967834 C18.84826121 -0.20095406 34.88992769 -0.16802777 50.99609375 4.23828125 C51.78419434 4.45258789 52.57229492 4.66689453 53.38427734 4.88769531 C63.85932764 7.84855092 73.5605533 12.05602891 83.12304688 17.22802734 C84.91852487 18.1964434 86.73047771 19.13412495 88.54296875 20.0703125 C123.26037385 38.72502678 148.55737066 72.93559378 160.04833984 110.19970703 C171.76648102 150.14307 167.39632493 194.22271928 147.65869141 230.87353516 C140.66117941 243.44255321 132.42493791 254.5861373 122.35253906 264.84667969 C121.14667336 266.08379893 119.97136126 267.35053538 118.80078125 268.62109375 C99.02447099 289.60052554 70.16461729 303.93972075 41.99609375 309.23828125 C41.09777832 309.41415771 40.19946289 309.59003418 39.27392578 309.77124023 C30.53781051 311.31367415 21.98373167 311.57834228 13.14111328 311.55395508 C10.76287544 311.55080349 8.38589709 311.57432105 6.0078125 311.59960938 C-7.94287926 311.65793106 -21.37714997 309.75717593 -34.75390625 305.67578125 C-35.98306763 305.30114746 -35.98306763 305.30114746 -37.23706055 304.91894531 C-66.46059555 295.55544656 -93.4292389 276.66762799 -112.00390625 252.23828125 C-112.68066406 251.36558594 -113.35742188 250.49289062 -114.0546875 249.59375 C-139.57875768 215.7433812 -149.53883049 174.21512694 -144.23022461 132.32006836 C-138.19672693 93.34761459 -116.5875065 56.03297196 -85.00390625 32.23828125 C-83.97007813 31.4390625 -82.93625 30.63984375 -81.87109375 29.81640625 C-58.75956488 12.33875988 -29.21990315 0.31481104 0 0 Z M-17.00390625 76.23828125 C-18.04289062 76.60050781 -19.081875 76.96273437 -20.15234375 77.3359375 C-41.80732313 85.5470158 -57.57914735 102.48414517 -67.2421875 123.12890625 C-76.17202846 143.27197456 -75.89341938 165.77945062 -68.00390625 186.23828125 C-64.31967832 194.69734189 -60.06308359 202.24388306 -54.00390625 209.23828125 C-53.4109375 209.97433594 -52.81796875 210.71039062 -52.20703125 211.46875 C-40.05572337 226.05534066 -20.9883458 237.03762977 -2.00390625 239.23828125 C23.65330838 241.18484046 45.99599569 235.99512017 65.99609375 219.23828125 C80.91590934 206.00024842 91.49922529 187.16655853 93.99609375 167.23828125 C95.54002924 140.18724492 89.71464381 118.37506978 71.76171875 97.66015625 C57.72565361 82.70670123 37.67113185 72.82915304 17.1484375 71.921875 C5.13256535 71.60197428 -5.64205378 72.02250874 -17.00390625 76.23828125 Z "
-        fill="#FFFFFF"
-        transform="translate(1708.00390625,835.76171875)"
-      />
-      <path
-        d="M0 0 C8.74824569 5.6947568 15.96414225 12.95102165 18.8080616 23.17372322 C19.75724475 28.2113302 19.52019803 33.37424212 19.50952148 38.48217773 C19.51754538 40.48066092 19.52557165 42.4791441 19.53368676 44.47762692 C19.54052302 46.6166764 19.54254069 48.75568314 19.5432415 50.89474297 C19.54519329 55.37342423 19.56331053 59.85195302 19.58399963 64.33058167 C19.63305167 75.46100668 19.66396163 86.5914732 19.68530273 97.72198486 C19.70190272 106.36400465 19.72494922 115.00589333 19.76832348 123.64782578 C19.7863841 127.36281464 19.79873545 131.07762513 19.79702568 134.79266167 C19.78800983 162.6064804 21.59886741 187.85149758 41.87890625 209.15234375 C58.42332782 225.31328535 78.1937696 232.1296716 101.1003418 231.92797852 C119.35134784 231.40628398 134.37251652 224.48247746 147.23828125 211.45703125 C148.17414063 210.55404297 148.17414063 210.55404297 149.12890625 209.6328125 C164.3891137 193.78831783 168.56508815 170.83680559 168.49365234 149.69311523 C168.49641035 148.35945422 168.50009511 147.02579485 168.50462341 145.69213867 C168.51266443 142.84561879 168.51492204 139.9991771 168.51267624 137.15264702 C168.50981532 132.6413381 168.52429632 128.13018224 168.54165649 123.61891174 C168.58842491 110.79943089 168.61262241 97.97996294 168.61914062 85.16040039 C168.62290261 78.06067496 168.64101526 70.96112552 168.67423499 63.86147553 C168.69432404 59.38689253 168.69688232 54.91276718 168.68595481 50.43815792 C168.68271308 46.98918943 168.70548435 43.54047042 168.72412109 40.09155273 C168.71186241 38.25757683 168.71186241 38.25757683 168.69935608 36.3865509 C168.81175342 24.65460954 171.85854988 14.91924029 180.23828125 6.45703125 C187.95138003 0.11730798 196.0116017 -3.13571748 205.98828125 -3.10546875 C206.77033936 -3.10450195 207.55239746 -3.10353516 208.3581543 -3.10253906 C217.88460862 -2.81673565 225.12371855 1.30357916 232.23828125 7.45703125 C233.93359375 9.4296875 233.93359375 9.4296875 235.36328125 11.51953125 C235.84023438 12.19113281 236.3171875 12.86273437 236.80859375 13.5546875 C241.11227334 22.29139224 241.6756121 31.12635592 241.62646484 40.7175293 C241.63435028 42.63721024 241.63435028 42.63721024 241.64239502 44.59567261 C241.65596281 48.07801502 241.65080932 51.56008789 241.64125776 55.04243445 C241.63358477 58.72139622 241.64072968 62.40033711 241.64541626 66.07929993 C241.65086074 72.26848414 241.64372606 78.4575607 241.62939453 84.64672852 C241.61316451 91.73624213 241.61829101 98.82549551 241.63487375 105.91500252 C241.64863957 112.05230118 241.65033306 118.18952295 241.64255774 124.32683212 C241.63795073 127.96935717 241.63705615 131.61176156 241.64716721 135.25427818 C241.76590446 184.89858747 231.37835135 228.9464436 196.23828125 265.45703125 C195.38556641 266.40449219 195.38556641 266.40449219 194.515625 267.37109375 C174.23326962 289.26151312 140.99699762 303.24640832 111.47216797 304.6340332 C110.12086722 304.66020146 108.76944019 304.68036451 107.41796875 304.6953125 C106.68528275 304.70506104 105.95259674 304.71480957 105.19770813 304.72485352 C89.16814175 304.89424889 73.79976839 304.79716223 58.23828125 300.45703125 C56.96597656 300.11800781 55.69367188 299.77898437 54.3828125 299.4296875 C33.62519168 293.17792817 14.09284883 282.32366012 -1.66796875 267.4296875 C-3.4944355 265.70885596 -5.3645262 264.14533144 -7.32421875 262.58203125 C-12.1387024 258.47788125 -15.88471585 253.42403329 -19.76171875 248.45703125 C-20.87933594 247.06291016 -20.87933594 247.06291016 -22.01953125 245.640625 C-49.40527897 210.57350902 -53.10304234 170.26786632 -53.02734375 127.25390625 C-53.02779221 124.51059833 -53.03063744 121.76729352 -53.03314209 119.02398682 C-53.03674301 113.32277443 -53.03207992 107.62161451 -53.02246094 101.92041016 C-53.01152074 95.36098095 -53.01515769 88.80167561 -53.02611375 82.24224925 C-53.03522331 76.55672428 -53.03645591 70.87123629 -53.03123641 65.18570638 C-53.02814481 61.81262113 -53.02843525 58.43964018 -53.03430939 55.06655121 C-53.03941507 51.31609292 -53.03161045 47.56587049 -53.02050781 43.81542969 C-53.02455627 42.72226944 -53.02860474 41.62910919 -53.03277588 40.50282288 C-52.96941143 28.8891939 -51.8231322 17.15466176 -43.71484375 8.1953125 C-32.33541506 -2.41894771 -14.62791972 -7.14974315 0 0 Z "
-        fill="#FFFFFF"
-        transform="translate(660.76171875,842.54296875)"
-      />
-      <path
-        d="M0 0 C9.50533515 6.18759164 17.25890693 14.58402641 19.77694988 25.87173843 C20.43488603 30.9849692 20.37769111 36.04642259 20.36958313 41.19671631 C20.3727567 42.98241858 20.3727567 42.98241858 20.37599438 44.80419564 C20.37991227 47.41325669 20.38201455 50.02224514 20.38102913 52.63130188 C20.37943249 56.87707446 20.3846468 61.12282363 20.39065552 65.36859131 C20.39876027 71.53338362 20.40370952 77.6981718 20.40694618 83.86296844 C20.41245026 93.61164586 20.42935533 103.36028844 20.44828796 113.10894775 C20.45464438 116.44626993 20.46095286 119.7835922 20.46726513 123.12091446 C20.46884889 123.95491356 20.47043265 124.78891266 20.47206441 125.64818446 C20.48999384 135.13752412 20.50622374 144.62686623 20.52124023 154.11621094 C20.52261611 154.98345434 20.52399198 155.85069774 20.52540954 156.74422124 C20.54733562 170.79531096 20.55809528 184.84639167 20.56561098 198.89749548 C20.57368779 213.33255249 20.59699565 227.76753241 20.63356465 242.2025454 C20.65556347 251.10102663 20.66526234 259.99934923 20.65906432 268.89785627 C20.65588473 274.99885512 20.66725274 281.0997187 20.68995873 287.2006757 C20.70259934 290.7179157 20.70882954 294.23485424 20.69754219 297.75210571 C20.68865992 301.57151286 20.70433976 305.39007317 20.72602844 309.20941162 C20.71758591 310.31234739 20.70914337 311.41528316 20.700445 312.55164123 C20.78663969 320.77537017 22.6368156 327.27610432 26.98828125 334.26953125 C35.02747248 342.08541162 44.77029771 344.63285728 55.67578125 345.39453125 C67.43251222 346.46622087 76.31276939 349.15251063 84.23828125 358.45703125 C91.16455096 369.22463683 93.48912604 379.86897333 91.23828125 392.45703125 C89.02606066 401.09101216 84.27140408 407.92954345 76.953125 413.05859375 C60.40267849 422.26225669 39.58982958 418.37893856 22.23828125 413.45703125 C7.18892388 408.89316507 -5.77112412 401.68364641 -17.76171875 391.45703125 C-18.77234375 390.69390625 -19.78296875 389.93078125 -20.82421875 389.14453125 C-39.2042177 372.32878753 -49.56693376 348.01464849 -51.76171875 323.45703125 C-51.90820418 319.40471548 -51.90955476 315.35513612 -51.90888977 311.30047607 C-51.91256646 310.08929241 -51.91624315 308.87810875 -51.92003125 307.63022256 C-51.92911149 304.28518359 -51.93375744 300.94019349 -51.93642056 297.59514689 C-51.9403428 293.98083797 -51.94991938 290.36654299 -51.95863342 286.75224304 C-51.97833899 278.03464921 -51.98845438 269.31705431 -51.99736121 260.59944379 C-52.00175191 256.48870162 -52.0071165 252.37796072 -52.01235008 248.26721954 C-52.02935287 234.5947331 -52.0438473 220.92224743 -52.05109882 207.24975204 C-52.05300852 203.70670318 -52.05492889 200.16365431 -52.05688477 196.62060547 C-52.05736851 195.74006462 -52.05785225 194.85952377 -52.05835065 193.95229986 C-52.06665226 179.68601796 -52.09199563 165.41981986 -52.12446544 151.15357456 C-52.15756588 136.49022076 -52.17555009 121.82690954 -52.17874306 107.16351819 C-52.18090488 98.93711213 -52.18960595 90.71082847 -52.21520424 82.48445892 C-52.23695168 75.47976994 -52.24494166 68.47523313 -52.23523746 61.47051421 C-52.23070505 57.90033319 -52.23251675 54.3304659 -52.2519989 50.76032829 C-52.2729868 46.88059728 -52.26260626 43.00129398 -52.24946594 39.121521 C-52.26043519 38.00632041 -52.27140443 36.89111982 -52.28270608 35.74212527 C-52.18827992 24.14886131 -49.1436539 13.75679056 -40.76171875 5.45703125 C-29.79244647 -3.42922591 -13.10613244 -6.40593347 0 0 Z "
-        fill="#FFFFFF"
-        transform="translate(477.76171875,725.54296875)"
-      />
-      <path
-        d="M0 0 C8.12738776 5.48445903 12.4558407 13.36805435 14.828125 22.71484375 C15.22621332 26.18354358 15.2384157 29.61138408 15.21580505 33.10018921 C15.22119059 34.10875524 15.22657613 35.11732127 15.23212487 36.15644991 C15.24636585 39.51637279 15.2393101 42.87589954 15.23217773 46.23583984 C15.23788332 48.65278946 15.24484831 51.06973639 15.25297546 53.48667908 C15.26904168 59.35864716 15.27101158 65.23051635 15.26576256 71.1024947 C15.26171213 75.87813111 15.26317476 80.65373597 15.26851082 85.42937088 C15.26925924 86.11048975 15.27000766 86.79160861 15.27077876 87.49336744 C15.27231033 88.8773096 15.27384868 90.26125175 15.27539373 91.64519389 C15.28910479 104.60801632 15.28369103 117.5707783 15.27220852 130.53359933 C15.26227882 142.37556581 15.27521468 154.21737598 15.29914271 166.05931835 C15.32356414 178.23781627 15.33313404 190.41624149 15.32648998 202.5947634 C15.32300435 209.42439102 15.32518622 216.25389851 15.34274101 223.08350754 C15.35904835 229.50712931 15.35423403 235.93052659 15.33543587 242.35414314 C15.33175499 244.70708853 15.33484375 247.06005609 15.34532166 249.41298103 C15.35856717 252.63417194 15.34695164 255.85438151 15.32933044 259.07553101 C15.34373795 260.45985685 15.34373795 260.45985685 15.35843652 261.87214887 C15.24947917 271.60574693 12.13108972 280.20233445 5.890625 287.70703125 C-1.53758557 294.93828169 -10.92651455 298.57254708 -21.171875 298.71484375 C-29.1732142 298.15224959 -35.56836255 296.27866123 -42.171875 291.71484375 C-43.11160156 291.08449219 -43.11160156 291.08449219 -44.0703125 290.44140625 C-50.28558953 285.74602229 -54.59984474 278.33119978 -56.171875 270.71484375 C-56.26152399 269.264998 -56.30263197 267.81167759 -56.30609608 266.35906696 C-56.31055392 265.48928756 -56.31501176 264.61950816 -56.31960469 263.7233718 C-56.31942033 262.77231612 -56.31923597 261.82126044 -56.31904602 260.84138489 C-56.32272271 259.82751274 -56.3263994 258.8136406 -56.3301875 257.76904505 C-56.34122725 254.3614058 -56.34506868 250.95379704 -56.34887695 247.54614258 C-56.35514135 245.10698347 -56.36178813 242.66782532 -56.36878967 240.22866821 C-56.38801711 232.90208768 -56.39861761 225.57551524 -56.40751746 218.24891689 C-56.41190327 214.79676428 -56.4172693 211.34461319 -56.42250633 207.89246178 C-56.43951627 196.41361847 -56.45401003 184.9347761 -56.46125507 173.45592213 C-56.46316489 170.47834586 -56.46508524 167.5007696 -56.46704102 164.52319336 C-56.46752476 163.78315308 -56.4680085 163.0431128 -56.4685069 162.28064706 C-56.47680572 150.29476032 -56.50214115 138.30897343 -56.53462169 126.32313029 C-56.5677126 114.01147309 -56.58570564 101.6998666 -56.58889931 89.3881647 C-56.59106247 82.47802612 -56.59978263 75.56803318 -56.62536049 68.657938 C-56.64937071 62.15644066 -56.65288041 55.65513415 -56.64259911 49.15359879 C-56.64210327 46.76916953 -56.64843754 44.38472745 -56.66215515 42.0003376 C-56.6798553 38.74098491 -56.67277629 35.48257437 -56.65962219 32.22322083 C-56.67059144 31.28331875 -56.68156068 30.34341668 -56.69286233 29.37503272 C-56.59857247 19.67431717 -52.66763717 11.82710187 -46.171875 4.71484375 C-33.11237399 -7.47214749 -15.22371389 -9.00827674 0 0 Z "
-        fill="#FFFFFF"
-        transform="translate(1497.171875,845.28515625)"
-      />
-      <path
-        d="M0 0 C10.09446441 6.34922523 16.79367777 15.35857128 19.75 26.9375 C20.78149 39.57325252 18.69128496 49.64031006 11 60 C3.52909956 68.25815662 -5.73423372 72.51487523 -16.70703125 73.83984375 C-27.73378457 74.37613899 -37.53139617 70.87867764 -46.3203125 64.25 C-53.77765815 57.44481766 -58.41627099 48.12914945 -59.23828125 38.08984375 C-59.54420645 25.09607338 -56.06260752 15.56934169 -47.2578125 6.1328125 C-34.99546996 -5.72248132 -15.01973219 -8.31975362 0 0 Z "
-        fill="#FFFFFF"
-        transform="translate(1496,734)"
-      />
-    </svg>
-  );
-};

package/src/components/Icons/index.ts

@@ -1,3 +0,0 @@
-import Icon from "./Icon";
-
-export { Icon };

package/src/components/Loader/Loader.stories.tsx

@@ -1,55 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Loader } from "./Loader";
-
-const meta: Meta<typeof Loader> = {
-  title: "Alieta UI/Components/Loader",
-  component: Loader,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  argTypes: {
-    message: {
-      control: "text",
-      description: "Text to display below the spinner",
-    },
-    showOverlay: {
-      control: "boolean",
-      description: "Displays a semi-transparent fullscreen overlay behind the loader",
-      defaultValue: true,
-    },
-  },
-  decorators: [
-    (Story) => (
-      <div className="relative w-72 h-72 bg-white border border-gray-200 rounded-2xl shadow-lg p-6 flex flex-col">
-        <p className="text-xs text-gray-400 uppercase tracking-wide mb-2">Preview Container</p>
-        <div className="flex-1 flex items-center justify-center">
-          <Story />
-        </div>
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof Loader>;
-
-export const NoOverlayWithMessage: Story = {
-  args: {
-    message: "Please wait...",
-    showOverlay: false,
-  },
-};
-
-export const OverlayWithMessage: Story = {
-  args: {
-    message: "Loading data...",
-    showOverlay: true,
-  },
-};
-
-export const OverlayOnly: Story = {
-  args: {
-    showOverlay: true,
-  },
-};

package/src/components/Loader/Loader.tsx

@@ -1,43 +0,0 @@
-import { ReactNode } from "react";
-import { clsx } from "clsx";
-
-interface LoaderProps {
-  message?: ReactNode;
-  showOverlay?: boolean;
-}
-
-export const Loader: React.FC<LoaderProps> = ({
-  message = "",
-  showOverlay = true,
-}) => {
-  return (
-    <div
-      data-testid="loader"
-      className={clsx(
-        "flex flex-col items-center justify-center gap-4 z-50",
-        showOverlay
-          ? "fixed inset-0 bg-white/30 backdrop-blur-sm"
-          : "w-full h-full"
-      )}
-    >
-      <Spinner />
-      {message && (
-        <p className="text-sm text-gray-600 text-center px-4">{message}</p>
-      )}
-    </div>
-  );
-};
-
-export const Spinner = ({ className }: { className?: string }) => {
-  return (
-    <div
-      role="status"
-      className={clsx(
-        "border-4 border-gray-300 border-t-purple-600 rounded-full animate-spin",
-        !className?.includes("w-") && "w-8",
-        !className?.includes("h-") && "h-8",
-        className
-      )}
-    />
-  );
-};

package/src/components/Loader/index.ts

@@ -1 +0,0 @@
-export { Loader, Spinner } from "./Loader";

package/src/components/index.tsx

@@ -1,3 +0,0 @@
-export * from "./Buttons";
-export { default as Icon } from "./Icons/Icon";
-export * from "./Loader";

package/src/index.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/src/index.tsx

@@ -1 +0,0 @@
-export * from "./components";

package/src/types/ionicons.d.ts

@@ -1,11 +0,0 @@
-declare namespace JSX {
-  interface IntrinsicElements {
-    "ion-icon": React.DetailedHTMLProps<
-      React.HTMLAttributes<HTMLElement>,
-      HTMLElement
-    > & {
-      name?: string;
-      src?: string;
-    };
-  }
-}