am-shared-assets 0.0.3 → 0.0.5

package/src/icons/components/TruckIcon.tsx

@@ -1,51 +0,0 @@
-const TruckIcon = ({
-  color,
-  size = 20,
-}: {
-  color?: string;
-  size?: number;
-}) => {
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      style={{color}}
-    >
-      <path
-        d="M9.99992 1.33333V8C9.99992 8.73333 9.39992 9.33333 8.66659 9.33333H1.33325V3.99999C1.33325 2.52666 2.52659 1.33333 3.99992 1.33333H9.99992Z"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M14.6666 9.33333V11.3333C14.6666 12.44 13.7733 13.3333 12.6666 13.3333H11.9999C11.9999 12.6 11.3999 12 10.6666 12C9.93325 12 9.33325 12.6 9.33325 13.3333H6.66659C6.66659 12.6 6.06659 12 5.33325 12C4.59992 12 3.99992 12.6 3.99992 13.3333H3.33325C2.22659 13.3333 1.33325 12.44 1.33325 11.3333V9.33333H8.66659C9.39992 9.33333 9.99992 8.73333 9.99992 8V3.33333H11.2266C11.7066 3.33333 12.1466 3.59333 12.3866 4.00667L13.5266 5.99999H12.6666C12.2999 5.99999 11.9999 6.29999 11.9999 6.66666V8.66666C11.9999 9.03333 12.2999 9.33333 12.6666 9.33333H14.6666Z"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M5.33333 14.6667C6.06971 14.6667 6.66667 14.0697 6.66667 13.3333C6.66667 12.597 6.06971 12 5.33333 12C4.59695 12 4 12.597 4 13.3333C4 14.0697 4.59695 14.6667 5.33333 14.6667Z"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M10.6666 14.6667C11.403 14.6667 11.9999 14.0697 11.9999 13.3333C11.9999 12.597 11.403 12 10.6666 12C9.93021 12 9.33325 12.597 9.33325 13.3333C9.33325 14.0697 9.93021 14.6667 10.6666 14.6667Z"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M14.6667 8V9.33333H12.6667C12.3 9.33333 12 9.03333 12 8.66667V6.66667C12 6.3 12.3 6 12.6667 6H13.5267L14.6667 8Z"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
-  );
-};
-
-export default TruckIcon;

package/src/icons/components/UserIcon.tsx

@@ -1,29 +0,0 @@
-const UserIcon = ({
-  color,
-  size = 20,
-}: {
-  color?: string;
-  size?: number;
-}) => {
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      style={{color}}
-    >
-      <path
-        d="M9.99992 9.99984C12.3011 9.99984 14.1666 8.13436 14.1666 5.83317C14.1666 3.53198 12.3011 1.6665 9.99992 1.6665C7.69873 1.6665 5.83325 3.53198 5.83325 5.83317C5.83325 8.13436 7.69873 9.99984 9.99992 9.99984Z"
-        fill="currentColor"
-      />
-      <path
-        d="M10 12.0835C5.82505 12.0835 2.42505 14.8835 2.42505 18.3335C2.42505 18.5668 2.60838 18.7502 2.84172 18.7502H17.1584C17.3917 18.7502 17.575 18.5668 17.575 18.3335C17.575 14.8835 14.175 12.0835 10 12.0835Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default UserIcon;

package/src/icons/components/WalletCheckIcon.tsx

@@ -1,52 +0,0 @@
-const WalletCheckIcon = ({
-  color,
-  size = 20,
-}: {
-  color?: string;
-  size?: number;
-}) => {
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      style={{color}}
-    >
-      <path
-        d="M6.00008 12.6667C6.00008 13.1667 5.86008 13.64 5.61341 14.04C5.15341 14.8133 4.30675 15.3333 3.33341 15.3333C2.36008 15.3333 1.51342 14.8133 1.05342 14.04C0.806749 13.64 0.666748 13.1667 0.666748 12.6667C0.666748 11.1933 1.86008 10 3.33341 10C4.80675 10 6.00008 11.1933 6.00008 12.6667Z"
-        stroke="currentColor"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M2.29443 12.6663L2.95443 13.3263L4.37444 12.013"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M11.8344 4.69998C11.6744 4.67331 11.5077 4.66665 11.3344 4.66665H4.66769C4.48102 4.66665 4.30102 4.67998 4.12769 4.70665C4.22102 4.51998 4.35435 4.34667 4.51435 4.18667L6.68102 2.01333C7.59435 1.10667 9.07435 1.10667 9.98769 2.01333L11.1544 3.1933C11.581 3.6133 11.8077 4.14664 11.8344 4.69998Z"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M14.6666 8V11.3333C14.6666 13.3333 13.3333 14.6667 11.3333 14.6667H5.08659C5.29325 14.4933 5.47325 14.28 5.61325 14.04C5.85992 13.64 5.99992 13.1667 5.99992 12.6667C5.99992 11.1933 4.80659 10 3.33325 10C2.53325 10 1.81992 10.3533 1.33325 10.9067V8C1.33325 6.18667 2.42658 4.92 4.12658 4.70667C4.29992 4.68 4.47992 4.66667 4.66659 4.66667H11.3333C11.5066 4.66667 11.6733 4.67333 11.8333 4.69999C13.5533 4.89999 14.6666 6.17333 14.6666 8Z"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M14.6666 8.33334H12.6666C11.9333 8.33334 11.3333 8.93334 11.3333 9.66667C11.3333 10.4 11.9333 11 12.6666 11H14.6666"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
-  );
-};
-
-export default WalletCheckIcon;

package/src/icons/components/WarningIcon.tsx

@@ -1,19 +0,0 @@
-const WarningIcon = ({ color, size = 24 }: { color?: string; size?: number }) => {
-  return (
-    <svg
-      width={size}
-      height={size}
-      viewBox="0 0 21 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      style={{ color }}
-    >
-      <path
-        d="M20.1999 13.92L13.7999 2.4C12.9399 0.85 11.7499 0 10.4399 0C9.12992 0 7.93992 0.85 7.07992 2.4L0.679919 13.92C-0.130081 15.39 -0.220081 16.8 0.429919 17.91C1.07992 19.02 2.35992 19.63 4.03992 19.63H16.8399C18.5199 19.63 19.7999 19.02 20.4499 17.91C21.0999 16.8 21.0099 15.38 20.1999 13.92ZM9.68992 7C9.68992 6.59 10.0299 6.25 10.4399 6.25C10.8499 6.25 11.1899 6.59 11.1899 7V12C11.1899 12.41 10.8499 12.75 10.4399 12.75C10.0299 12.75 9.68992 12.41 9.68992 12V7ZM11.1499 15.71C11.0999 15.75 11.0499 15.79 10.9999 15.83C10.9399 15.87 10.8799 15.9 10.8199 15.92C10.7599 15.95 10.6999 15.97 10.6299 15.98C10.5699 15.99 10.4999 16 10.4399 16C10.3799 16 10.3099 15.99 10.2399 15.98C10.1799 15.97 10.1199 15.95 10.0599 15.92C9.99992 15.9 9.93992 15.87 9.87992 15.83C9.82992 15.79 9.77992 15.75 9.72992 15.71C9.54992 15.52 9.43992 15.26 9.43992 15C9.43992 14.74 9.54992 14.48 9.72992 14.29C9.77992 14.25 9.82992 14.21 9.87992 14.17C9.93992 14.13 9.99992 14.1 10.0599 14.08C10.1199 14.05 10.1799 14.03 10.2399 14.02C10.3699 13.99 10.5099 13.99 10.6299 14.02C10.6999 14.03 10.7599 14.05 10.8199 14.08C10.8799 14.1 10.9399 14.13 10.9999 14.17C11.0499 14.21 11.0999 14.25 11.1499 14.29C11.3299 14.48 11.4399 14.74 11.4399 15C11.4399 15.26 11.3299 15.52 11.1499 15.71Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default WarningIcon;

package/src/icons/index.ts

@@ -1,83 +0,0 @@
-import CloseIcon from './components/CloseIcon';
-import InfoIcon from './components/InfoIcon';
-import WarningIcon from './components/WarningIcon';
-import CloseCircleIcon from './components/CloseCircleIcon';
-import TickCircleIcon from './components/TickCircleIcon';
-import ShoppingCartIcon from './components/ShoppingCartIcon';
-import SearchIcon from './components/SearchIcon';
-import ArrowRightIcon from './components/ArrowRightIcon';
-import ChevronLeftIcon from './components/ChevronLeftIcon';
-import ChevronRightIcon from './components/ChevronRightIcon';
-import ChevronTopIcon from './components/ChevronTopIcon';
-import ShopIcon from './components/ShopIcon';
-import StarIcon from './components/StarIcon';
-import HeartIcon from './components/HeartIcon';
-import ShareIcon from './components/ShareIcon';
-import TruckIcon from './components/TruckIcon';
-import BoxIcon from './components/BoxIcon';
-import CardTickIcon from './components/CardTickIcon';
-import CardsIcon from './components/CardsIcon';
-import WalletCheckIcon from './components/WalletCheckIcon';
-import RotateBoxIcon from './components/RotateBoxIcon';
-import LikeIcon from './components/LikeIcon';
-import DislikeIcon from './components/DislikeIcon';
-import RotateInfoIcon from './components/RotateInfoIcon';
-import ChevronBottomIcon from './components/ChevronBottomIcon';
-import EditIcon from './components/EditIcon';
-import SettingIcon from './components/SettingIcon';
-import UserIcon from './components/UserIcon';
-import BagIcon from './components/BagIcon';
-import CategoryIcon from './components/CategoryIcon';
-import HomeIcon from './components/HomeIcon';
-import TrashIcon from './components/TrashIcon';
-import MoreIcon from './components/MoreIcon';
-import MessageIcon from './components/MessageIcon';
-import AddIcon from './components/AddIcon';
-import BoxTimeIcon from './components/BoxTimeIcon';
-import MoneyIcon from './components/MoneyIcon';
-import ArrowDownIcon from './components/ArrowDownIcon';
-import SpinnerIcon from './components/SpinnerIcon';
-import OutlineTickCircleIcon from './components/OutlineTickCircleIcon';
-
-export {
-    CloseIcon,
-    InfoIcon,
-    WarningIcon,
-    CloseCircleIcon,
-    TickCircleIcon,
-    ShoppingCartIcon,
-    SearchIcon,
-    ArrowRightIcon,
-    ChevronLeftIcon,
-    ChevronRightIcon,
-    ChevronTopIcon,
-    ShopIcon,
-    StarIcon,
-    HeartIcon,
-    ShareIcon,
-    TruckIcon,
-    BoxIcon,
-    CardTickIcon,
-    CardsIcon,
-    WalletCheckIcon,
-    RotateBoxIcon,
-    LikeIcon,
-    DislikeIcon,
-    RotateInfoIcon,
-    ChevronBottomIcon,
-    EditIcon,
-    SettingIcon,
-    UserIcon,
-    BagIcon,
-    CategoryIcon,
-    HomeIcon,
-    TrashIcon,
-    MoreIcon,
-    MessageIcon,
-    AddIcon,
-    BoxTimeIcon,
-    MoneyIcon,
-    ArrowDownIcon,
-    SpinnerIcon,
-    OutlineTickCircleIcon
-};

package/src/index.css

@@ -1,36 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-* {
-    font-family: "IranSansX";
-}
-
-.css-1erac46 {
-    direction: rtl;
-}
-
-@font-face {
-    font-family: "IranSansX";
-    src: url("./stories/assets/fonts/woff/IRANSansXFaNum-Regular.woff") format("woff"),
-         url("./stories/assets/fonts/woff/IRANSansXFaNum-Regular.woff2") format("woff2");
-    font-weight: 400;
-}
-@font-face {
-    font-family: "IranSansX";
-    src: url("./stories/assets/fonts/woff/IRANSansXFaNum-Medium.woff") format("woff"),
-         url("./stories/assets/fonts/woff2/IRANSansXFaNum-Medium.woff2") format("woff2");
-    font-weight: 500;
-}
-@font-face {
-    font-family: "IranSansX";
-    src: url("./stories/assets/fonts/woff/IRANSansXFaNum-DemiBold.woff") format("woff"),
-         url("./stories/assets/fonts/woff2/IRANSansXFaNum-DemiBold.woff2") format("woff2");
-    font-weight: 600;
-}
-@font-face {
-    font-family: "IranSansX";
-    src: url("./stories/assets/fonts/woff/IRANSansXFaNum-Bold.woff") format("woff"),
-         url("./stories/assets/fonts/woff2/IRANSansXFaNum-Bold.woff2") format("woff2");
-    font-weight: 700;
-}

package/src/index.ts

@@ -1,2 +0,0 @@
-export { Button } from "./components/Button";
-export { Alert } from "./components/Alert";

package/src/main.tsx

@@ -1,10 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)

package/src/stories/Alert.stories.ts

@@ -1,22 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Alert } from "../components/Alert";
-
-const meta = {
-  title: "Example/Alert",
-  component: Alert,
-  parameters: {
-    layout: "centered",
-  },
-  tags: ["autodocs"],
-} satisfies Meta<typeof Alert>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Primary: Story = {
-  args: {
-    title: "ایمیل ارسال شد",
-    description: "به زودی پاسخ دریافت خواهید کرد",
-    buttonTitle: "دکمه",
-  },
-};

package/src/stories/Badge.stories.tsx

@@ -1,20 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import Badge from "../components/Badge";
-
-const meta = {
-  title: "Example/Badge",
-  component: Badge,
-  parameters: {
-    layout: "centered",
-  },
-  tags: ["autodocs"],
-} satisfies Meta<typeof Badge>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Primary: Story = {
-  args: {
-    label: "متن",
-  },
-};

package/src/stories/Button.stories.tsx

@@ -1,108 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Button as ButtonComponent } from "../components/Button";
-import * as icons from "../icons";
-
-const Button = (args: any) => {
-  const Icon = icons[args.icon];
-  const IconComponent = Icon ? (
-    <Icon color={args.iconColor} size={args.iconSize} />
-  ) : (
-    <></>
-  );
-
-  return (
-    <div className="flex justify-center w-96">
-      <ButtonComponent {...args} icon={IconComponent} />
-    </div>
-  );
-};
-
-const meta = {
-  title: "Example/Button",
-  component: Button,
-  parameters: {
-    layout: "centered",
-    docs: {
-      source: {
-        transform: (_: any, context: any) => {
-          const { args } = context;
-          const entries = Object.entries(args);
-
-          const props = entries
-            .map(([key, value]) => {
-              if (key === "icon" && value) {
-                const color = args.iconColor;
-                return `icon={<${value}${color ? ` color="${color}"` : ""} />}`;
-              }
-
-              if (key === "iconColor") return null;
-
-              if (typeof value === "string" && value) {
-                return `${key}="${value}"`;
-              }
-            })
-            .filter(Boolean)
-            .join("\n ");
-
-          return `<Button\n ${props}\n/>`;
-        },
-      },
-    },
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    variant: {
-      control: "select",
-      options: ["solid", "bordered", "light", "flat", "faded", "shadow"],
-    },
-    color: {
-      control: "select",
-      options: [
-        "default",
-        "primary",
-        "secondary",
-        "success",
-        "warning",
-        "danger",
-      ],
-    },
-    textColor: {
-      control: "select",
-      options: ["black", "white"],
-    },
-    size: {
-      control: "select",
-      options: ["sm", "md", "lg"],
-    },
-    width: {
-      control: "select",
-      options: ["full", "auto"],
-    },
-    rounded: {
-      control: "select",
-      options: ["none", "sm", "md", "lg", "full"],
-    },
-    iconPosition: {
-      control: "select",
-      options: ["right", "left"],
-    },
-    icon: {
-      control: "text",
-    },
-    iconColor: {
-      control: "color",
-    },
-    iconSize: {
-      control: { type: "range", min: 8, max: 36, step: 1 },
-    },
-  },
-} satisfies Meta<typeof Button>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Primary: Story = {
-  args: {
-    label: "دکمه",
-  },
-};

package/src/stories/Chip.stories.ts

@@ -1,20 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import Chip from "../components/Chip";
-
-const meta = {
-  title: "Example/Chip",
-  component: Chip,
-  parameters: {
-    layout: "centered",
-  },
-  tags: ["autodocs"],
-} satisfies Meta<typeof Chip>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Primary: Story = {
-  args: {
-    label: "متن",
-  },
-};