@ayasofyazilim/ui 0.0.0 → 0.0.1

package/dist/custom/async-select.js

@@ -0,0 +1,249 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDown, XCircle, XIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+import { Badge } from "@repo/ayasofyazilim-ui/components/badge";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import {
+  Command as Cmd,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "@repo/ayasofyazilim-ui/components/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "@repo/ayasofyazilim-ui/components/popover";
+import { Separator } from "@repo/ayasofyazilim-ui/components/separator";
+import { Skeleton } from "@repo/ayasofyazilim-ui/components/skeleton";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { useDebounce } from "../hooks/use-debounce";
+function CommandGroupItem({
+  items,
+  id,
+  title,
+  onChange,
+  value,
+  multiple
+}) {
+  return /* @__PURE__ */ jsx(CommandGroup, { heading: title, children: items?.map((currentItem, index) => /* @__PURE__ */ jsxs(
+    CommandItem,
+    {
+      id: `${id}_${index}`,
+      onSelect: () => {
+        if (value.find((i) => i.id === currentItem.id)) {
+          return onChange(value.filter((i) => i.id !== currentItem.id));
+        }
+        if (multiple) {
+          return onChange([...value, currentItem]);
+        }
+        return onChange([currentItem]);
+      },
+      value: `${currentItem.id}__${currentItem.name}`,
+      children: [
+        currentItem.name,
+        value.find((i) => i.id === currentItem.id) && /* @__PURE__ */ jsx(CheckIcon, { className: cn("ml-auto h-4 w-4") })
+      ]
+    },
+    currentItem.id
+  )) });
+}
+function AsyncSelectBase({
+  suggestions = [],
+  data,
+  value,
+  fetchAction,
+  onChange,
+  resultText = "Results",
+  searchText = "Search",
+  noResultText = "No result",
+  disabled = false,
+  multiple = true,
+  closeOnSelect = false,
+  id,
+  setIsPopoverOpen
+}) {
+  const [loading, setLoading] = useState(false);
+  const [searchInput, setSearchInput] = useState("");
+  const searchValue = useDebounce(searchInput, 500);
+  const [items, setItems] = useState(data || []);
+  const showableItems = items.filter(
+    (item) => !value.find((i) => i.id === item.id)
+  );
+  const showableSuggestions = suggestions.filter(
+    (item) => !value.find((i) => i.id === item.id)
+  );
+  function onSearch(search) {
+    setSearchInput(search);
+    setLoading(true);
+    setItems([]);
+  }
+  function handleOnChange(value2) {
+    if (disabled) return;
+    onChange(value2);
+  }
+  useEffect(() => {
+    if (searchValue === "" && searchInput === "") {
+      setLoading(true);
+      fetchAction("").then((res) => {
+        setItems(res);
+        setLoading(false);
+      });
+      return;
+    }
+    if (searchValue !== searchInput) return;
+    fetchAction(searchValue).then((res) => {
+      setItems(res);
+      setLoading(false);
+    });
+  }, [searchValue, searchInput, fetchAction]);
+  return /* @__PURE__ */ jsxs(Cmd, { "aria-disabled": disabled, children: [
+    /* @__PURE__ */ jsx(
+      CommandInput,
+      {
+        id: `${id}_input`,
+        "data-testid": `${id}_input`,
+        placeholder: searchText,
+        onValueChange: (search) => onSearch(search),
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsxs(CommandList, { className: "overflow-y-auto max-h-48", children: [
+      loading && /* @__PURE__ */ jsx("div", { className: "p-1 text-sm", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-full mb-1" }) }),
+      !loading && items.length === 0 && searchValue.length > 0 && /* @__PURE__ */ jsx("div", { className: "text-sm p-2", children: noResultText }),
+      value.length > 0 && /* @__PURE__ */ jsx(
+        CommandGroupItem,
+        {
+          items: value,
+          id: `${id}_selected`,
+          "data-testid": `${id}_selected`,
+          value,
+          title: "Selected",
+          onChange: (value2) => {
+            handleOnChange(value2);
+            if (closeOnSelect) setIsPopoverOpen(false);
+          },
+          multiple
+        }
+      ),
+      !loading && searchValue.length === 0 && showableSuggestions?.length > 0 && /* @__PURE__ */ jsx(
+        CommandGroupItem,
+        {
+          id: `${id}_item`,
+          items: showableSuggestions,
+          value,
+          title: "Suggestions",
+          onChange: (value2) => {
+            handleOnChange(value2);
+            if (closeOnSelect) setIsPopoverOpen(false);
+          },
+          multiple
+        }
+      ),
+      !loading && showableItems.length > 0 && /* @__PURE__ */ jsx(
+        CommandGroupItem,
+        {
+          id: `${id}_item`,
+          items: showableItems,
+          value,
+          title: resultText,
+          onChange: (value2) => {
+            handleOnChange(value2);
+            if (closeOnSelect) setIsPopoverOpen(false);
+          },
+          multiple
+        }
+      )
+    ] })
+  ] });
+}
+function AsyncSelect(props) {
+  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Popover, { open: isPopoverOpen, onOpenChange: setIsPopoverOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, className: "w-full", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        id: props.id,
+        "data-testid": props.id,
+        disabled: props.disabled,
+        type: "button",
+        onClick: () => setIsPopoverOpen(true),
+        className: cn(
+          "flex w-full p-1 rounded-md border items-center justify-between bg-inherit hover:bg-inherit",
+          props.classNames?.trigger
+        ),
+        children: props.value.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center w-full", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center", children: [
+            props.value.slice(0, 3).map((value) => /* @__PURE__ */ jsxs(
+              Badge,
+              {
+                "data-testid": `${props.id}_badge_${value.name}`,
+                className: "m-1 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300 border-foreground/10 text-foreground bg-card hover:bg-card/80",
+                onClick: () => {
+                  props.onChange(
+                    props.value.filter((i) => i.id !== value.id)
+                  );
+                },
+                children: [
+                  value.name,
+                  /* @__PURE__ */ jsx(XCircle, { className: "ml-2 h-4 w-4 cursor-pointer" })
+                ]
+              },
+              value.id
+            )),
+            props.value.length > 3 && /* @__PURE__ */ jsxs(
+              Badge,
+              {
+                className: cn(
+                  "bg-transparent text-foreground border-foreground/1 hover:bg-transparent"
+                ),
+                children: [
+                  props.value.length - 3,
+                  " more"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx(
+              XIcon,
+              {
+                className: "h-4 mx-2 cursor-pointer text-muted-foreground",
+                onClick: () => {
+                  props.onChange([]);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Separator,
+              {
+                orientation: "vertical",
+                className: "flex min-h-6 h-full"
+              }
+            ),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 mx-2 cursor-pointer text-muted-foreground" })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full mx-auto", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-black mx-3 font-normal", children: props.searchText }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 cursor-pointer text-muted-foreground mx-2" })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: "p-0",
+        align: "start",
+        onEscapeKeyDown: () => setIsPopoverOpen(false),
+        children: /* @__PURE__ */ jsx(AsyncSelectBase, { ...props, setIsPopoverOpen })
+      }
+    )
+  ] });
+}
+export {
+  AsyncSelectBase,
+  AsyncSelect as default
+};
+//# sourceMappingURL=async-select.js.map

package/dist/custom/async-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/custom/async-select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { CheckIcon, ChevronDown, XCircle, XIcon } from \"lucide-react\";\r\nimport { Dispatch, SetStateAction, useEffect, useState } from \"react\";\r\nimport { Badge } from \"@repo/ayasofyazilim-ui/components/badge\";\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  Command as Cmd,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"@repo/ayasofyazilim-ui/components/command\";\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/popover\";\r\nimport { Separator } from \"@repo/ayasofyazilim-ui/components/separator\";\r\nimport { Skeleton } from \"@repo/ayasofyazilim-ui/components/skeleton\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { useDebounce } from \"../hooks/use-debounce\";\r\n\r\ntype SearchItem = { id: string; name: string };\r\n\r\nfunction CommandGroupItem({\r\n  items,\r\n  id,\r\n  title,\r\n  onChange,\r\n  value,\r\n  multiple,\r\n}: {\r\n  title: string;\r\n  id: string;\r\n  items: SearchItem[];\r\n  value: SearchItem[];\r\n  onChange: (value: SearchItem[]) => void;\r\n  multiple: boolean;\r\n}) {\r\n  return (\r\n    <CommandGroup heading={title}>\r\n      {items?.map((currentItem, index) => (\r\n        <CommandItem\r\n          id={`${id}_${index}`}\r\n          key={currentItem.id}\r\n          onSelect={() => {\r\n            if (value.find((i) => i.id === currentItem.id)) {\r\n              return onChange(value.filter((i) => i.id !== currentItem.id));\r\n            }\r\n            if (multiple) {\r\n              return onChange([...value, currentItem]);\r\n            }\r\n            return onChange([currentItem]);\r\n          }}\r\n          value={`${currentItem.id}__${currentItem.name}`}\r\n        >\r\n          {currentItem.name}\r\n          {value.find((i) => i.id === currentItem.id) && (\r\n            <CheckIcon className={cn(\"ml-auto h-4 w-4\")} />\r\n          )}\r\n        </CommandItem>\r\n      ))}\r\n    </CommandGroup>\r\n  );\r\n}\r\n\r\nexport type AsyncSelectType = {\r\n  suggestions?: SearchItem[];\r\n  data?: SearchItem[];\r\n  value: SearchItem[];\r\n  onChange: (value: SearchItem[]) => void;\r\n  fetchAction: (search: string) => Promise<SearchItem[]>;\r\n  resultText?: string;\r\n  searchText?: string;\r\n  noResultText?: string;\r\n  disabled?: boolean;\r\n  closeOnSelect?: boolean;\r\n  multiple?: boolean;\r\n  id: string;\r\n  classNames?: {\r\n    trigger?: string;\r\n  };\r\n};\r\n\r\nexport function AsyncSelectBase({\r\n  suggestions = [],\r\n  data,\r\n  value,\r\n  fetchAction,\r\n  onChange,\r\n  resultText = \"Results\",\r\n  searchText = \"Search\",\r\n  noResultText = \"No result\",\r\n  disabled = false,\r\n  multiple = true,\r\n  closeOnSelect = false,\r\n  id,\r\n  setIsPopoverOpen,\r\n}: Omit<AsyncSelectType, \"classNames\"> & {\r\n  setIsPopoverOpen: Dispatch<SetStateAction<boolean>>;\r\n}) {\r\n  const [loading, setLoading] = useState(false);\r\n  const [searchInput, setSearchInput] = useState(\"\");\r\n  const searchValue = useDebounce(searchInput, 500);\r\n\r\n  const [items, setItems] = useState<SearchItem[]>(data || []);\r\n  const showableItems = items.filter(\r\n    (item) => !value.find((i) => i.id === item.id)\r\n  );\r\n  const showableSuggestions = suggestions.filter(\r\n    (item) => !value.find((i) => i.id === item.id)\r\n  );\r\n  function onSearch(search: string) {\r\n    setSearchInput(search);\r\n    setLoading(true);\r\n    setItems([]);\r\n  }\r\n  function handleOnChange(value: SearchItem[]) {\r\n    if (disabled) return;\r\n    onChange(value);\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (searchValue === \"\" && searchInput === \"\") {\r\n      setLoading(true);\r\n      fetchAction(\"\").then((res) => {\r\n        setItems(res);\r\n        setLoading(false);\r\n      });\r\n      return;\r\n    }\r\n    if (searchValue !== searchInput) return;\r\n\r\n    fetchAction(searchValue).then((res) => {\r\n      setItems(res);\r\n      setLoading(false);\r\n    });\r\n  }, [searchValue, searchInput, fetchAction]);\r\n\r\n  return (\r\n    <Cmd aria-disabled={disabled}>\r\n      <CommandInput\r\n        id={`${id}_input`}\r\n        data-testid={`${id}_input`}\r\n        placeholder={searchText}\r\n        onValueChange={(search) => onSearch(search)}\r\n        disabled={disabled}\r\n      />\r\n\r\n      <CommandList className=\"overflow-y-auto max-h-48\">\r\n        {loading && (\r\n          <div className=\"p-1 text-sm\">\r\n            <Skeleton className=\"h-7 w-full mb-1\" />\r\n          </div>\r\n        )}\r\n\r\n        {!loading && items.length === 0 && searchValue.length > 0 && (\r\n          <div className=\"text-sm p-2\">{noResultText}</div>\r\n        )}\r\n\r\n        {value.length > 0 && (\r\n          <CommandGroupItem\r\n            items={value}\r\n            id={`${id}_selected`}\r\n            data-testid={`${id}_selected`}\r\n            value={value}\r\n            title=\"Selected\"\r\n            onChange={(value) => {\r\n              handleOnChange(value);\r\n              if (closeOnSelect) setIsPopoverOpen(false);\r\n            }}\r\n            multiple={multiple}\r\n          />\r\n        )}\r\n\r\n        {!loading &&\r\n          searchValue.length === 0 &&\r\n          showableSuggestions?.length > 0 && (\r\n            <CommandGroupItem\r\n              id={`${id}_item`}\r\n              items={showableSuggestions}\r\n              value={value}\r\n              title=\"Suggestions\"\r\n              onChange={(value) => {\r\n                handleOnChange(value);\r\n                if (closeOnSelect) setIsPopoverOpen(false);\r\n              }}\r\n              multiple={multiple}\r\n            />\r\n          )}\r\n\r\n        {!loading && showableItems.length > 0 && (\r\n          <CommandGroupItem\r\n            id={`${id}_item`}\r\n            items={showableItems}\r\n            value={value}\r\n            title={resultText}\r\n            onChange={(value) => {\r\n              handleOnChange(value);\r\n              if (closeOnSelect) setIsPopoverOpen(false);\r\n            }}\r\n            multiple={multiple}\r\n          />\r\n        )}\r\n      </CommandList>\r\n    </Cmd>\r\n  );\r\n}\r\nexport default function AsyncSelect(props: AsyncSelectType) {\r\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\r\n  return (\r\n    <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen}>\r\n      <PopoverTrigger asChild className=\"w-full\">\r\n        <Button\r\n          id={props.id}\r\n          data-testid={props.id}\r\n          disabled={props.disabled}\r\n          type=\"button\"\r\n          onClick={() => setIsPopoverOpen(true)}\r\n          className={cn(\r\n            \"flex w-full p-1 rounded-md border items-center justify-between bg-inherit hover:bg-inherit\",\r\n            props.classNames?.trigger\r\n          )}\r\n        >\r\n          {props.value.length > 0 ? (\r\n            <div className=\"flex justify-between items-center w-full\">\r\n              <div className=\"flex flex-wrap items-center\">\r\n                {props.value.slice(0, 3).map((value) => (\r\n                  <Badge\r\n                    key={value.id}\r\n                    data-testid={`${props.id}_badge_${value.name}`}\r\n                    className=\"m-1 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300 border-foreground/10 text-foreground bg-card hover:bg-card/80\"\r\n                    onClick={() => {\r\n                      props.onChange(\r\n                        props.value.filter((i) => i.id !== value.id)\r\n                      );\r\n                    }}\r\n                  >\r\n                    {value.name}\r\n                    <XCircle className=\"ml-2 h-4 w-4 cursor-pointer\" />\r\n                  </Badge>\r\n                ))}\r\n                {props.value.length > 3 && (\r\n                  <Badge\r\n                    className={cn(\r\n                      \"bg-transparent text-foreground border-foreground/1 hover:bg-transparent\"\r\n                    )}\r\n                  >\r\n                    {props.value.length - 3} more\r\n                  </Badge>\r\n                )}\r\n              </div>\r\n              <div className=\"flex items-center justify-between\">\r\n                <XIcon\r\n                  className=\"h-4 mx-2 cursor-pointer text-muted-foreground\"\r\n                  onClick={() => {\r\n                    props.onChange([]);\r\n                  }}\r\n                />\r\n                <Separator\r\n                  orientation=\"vertical\"\r\n                  className=\"flex min-h-6 h-full\"\r\n                />\r\n                <ChevronDown className=\"h-4 mx-2 cursor-pointer text-muted-foreground\" />\r\n              </div>\r\n            </div>\r\n          ) : (\r\n            <div className=\"flex items-center justify-between w-full mx-auto\">\r\n              <span className=\"text-sm text-black mx-3 font-normal\">\r\n                {props.searchText}\r\n              </span>\r\n              <ChevronDown className=\"h-4 cursor-pointer text-muted-foreground mx-2\" />\r\n            </div>\r\n          )}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent\r\n        className=\"p-0\"\r\n        align=\"start\"\r\n        onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n      >\r\n        <AsyncSelectBase {...props} setIsPopoverOpen={setIsPopoverOpen} />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}\r\n"],"mappings":"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","names":["value"]}

package/dist/custom/awesome-not-found.js

@@ -0,0 +1,113 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  buttonVariants
+} from "@repo/ayasofyazilim-ui/components/button";
+import {
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyTitle
+} from "@repo/ayasofyazilim-ui/components/empty";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { motion } from "motion/react";
+import Link from "next/link";
+const PRIMARY_ORB_HORIZONTAL_OFFSET = 40;
+const PRIMARY_ORB_VERTICAL_OFFSET = 20;
+function AwesomeNotFound({
+  title = "404",
+  description = "The page you are looking for does not exist.",
+  actions = []
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-screen w-full items-center justify-center overflow-hidden bg-[radial-gradient(circle_at_center,rgba(99,102,241,0.1),transparent_70%)] text-foreground", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "-z-10 absolute inset-0 overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              animate: {
+                x: [
+                  0,
+                  PRIMARY_ORB_HORIZONTAL_OFFSET,
+                  -PRIMARY_ORB_HORIZONTAL_OFFSET,
+                  0
+                ],
+                y: [
+                  0,
+                  PRIMARY_ORB_VERTICAL_OFFSET,
+                  -PRIMARY_ORB_VERTICAL_OFFSET,
+                  0
+                ],
+                rotate: [0, 10, -10, 0]
+              },
+              className: "absolute top-1/2 left-1/3 size-90 rounded-full bg-linear-to-tr from-purple-500/20 to-blue-500/20 blur-3xl",
+              transition: {
+                repeat: Number.POSITIVE_INFINITY,
+                duration: 4,
+                ease: "easeInOut"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              animate: {
+                x: [
+                  0,
+                  -PRIMARY_ORB_HORIZONTAL_OFFSET,
+                  PRIMARY_ORB_HORIZONTAL_OFFSET,
+                  0
+                ],
+                y: [
+                  0,
+                  -PRIMARY_ORB_VERTICAL_OFFSET,
+                  PRIMARY_ORB_VERTICAL_OFFSET,
+                  0
+                ]
+              },
+              className: "absolute right-1/4 bottom-1/3 size-120 rounded-full bg-linear-to-br from-indigo-400/10 to-pink-400/10 blur-3xl",
+              transition: {
+                repeat: Number.POSITIVE_INFINITY,
+                duration: 4,
+                ease: "easeInOut"
+              }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Empty, { children: [
+      /* @__PURE__ */ jsxs(EmptyHeader, { children: [
+        /* @__PURE__ */ jsx(EmptyTitle, { className: "font-extrabold text-8xl", children: title }),
+        /* @__PURE__ */ jsx(EmptyDescription, { className: "text-nowrap", children: description })
+      ] }),
+      /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: actions.map((action) => /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: action.href,
+          className: cn(
+            buttonVariants({
+              variant: action.variant || "default",
+              size: action.size || "default"
+            })
+          ),
+          children: [
+            action.icon && /* @__PURE__ */ jsx(action.icon, {}),
+            " ",
+            action.label
+          ]
+        },
+        action.label
+      )) }) })
+    ] })
+  ] });
+}
+export {
+  AwesomeNotFound
+};
+//# sourceMappingURL=awesome-not-found.js.map

package/dist/custom/awesome-not-found.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/custom/awesome-not-found.tsx"],"sourcesContent":["\"use client\";\r\nimport {\r\n  ButtonProps,\r\n  buttonVariants,\r\n} from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  Empty,\r\n  EmptyContent,\r\n  EmptyDescription,\r\n  EmptyHeader,\r\n  EmptyTitle,\r\n} from \"@repo/ayasofyazilim-ui/components/empty\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { motion } from \"motion/react\";\r\nimport Link from \"next/link\";\r\n\r\nconst PRIMARY_ORB_HORIZONTAL_OFFSET = 40;\r\nconst PRIMARY_ORB_VERTICAL_OFFSET = 20;\r\n\r\nexport function AwesomeNotFound({\r\n  title = \"404\",\r\n  description = \"The page you are looking for does not exist.\",\r\n  actions = [],\r\n}: {\r\n  title?: string;\r\n  description?: string;\r\n  actions?: {\r\n    label: string;\r\n    href: string;\r\n    variant?: ButtonProps[\"variant\"];\r\n    size?: ButtonProps[\"size\"];\r\n    icon?: React.ComponentType;\r\n  }[];\r\n}) {\r\n  return (\r\n    <div className=\"relative flex min-h-screen w-full items-center justify-center overflow-hidden bg-[radial-gradient(circle_at_center,rgba(99,102,241,0.1),transparent_70%)] text-foreground\">\r\n      <div\r\n        aria-hidden={true}\r\n        className=\"-z-10 absolute inset-0 overflow-hidden\"\r\n      >\r\n        <motion.div\r\n          animate={{\r\n            x: [\r\n              0,\r\n              PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              -PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              0,\r\n            ],\r\n            y: [\r\n              0,\r\n              PRIMARY_ORB_VERTICAL_OFFSET,\r\n              -PRIMARY_ORB_VERTICAL_OFFSET,\r\n              0,\r\n            ],\r\n            rotate: [0, 10, -10, 0],\r\n          }}\r\n          className=\"absolute top-1/2 left-1/3 size-90 rounded-full bg-linear-to-tr from-purple-500/20 to-blue-500/20 blur-3xl\"\r\n          transition={{\r\n            repeat: Number.POSITIVE_INFINITY,\r\n            duration: 4,\r\n            ease: \"easeInOut\",\r\n          }}\r\n        />\r\n        <motion.div\r\n          animate={{\r\n            x: [\r\n              0,\r\n              -PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              PRIMARY_ORB_HORIZONTAL_OFFSET,\r\n              0,\r\n            ],\r\n            y: [\r\n              0,\r\n              -PRIMARY_ORB_VERTICAL_OFFSET,\r\n              PRIMARY_ORB_VERTICAL_OFFSET,\r\n              0,\r\n            ],\r\n          }}\r\n          className=\"absolute right-1/4 bottom-1/3 size-120 rounded-full bg-linear-to-br from-indigo-400/10 to-pink-400/10 blur-3xl\"\r\n          transition={{\r\n            repeat: Number.POSITIVE_INFINITY,\r\n            duration: 4,\r\n            ease: \"easeInOut\",\r\n          }}\r\n        />\r\n      </div>\r\n\r\n      <Empty>\r\n        <EmptyHeader>\r\n          <EmptyTitle className=\"font-extrabold text-8xl\">{title}</EmptyTitle>\r\n          <EmptyDescription className=\"text-nowrap\">\r\n            {description}\r\n          </EmptyDescription>\r\n        </EmptyHeader>\r\n        <EmptyContent>\r\n          <div className=\"flex gap-2\">\r\n            {actions.map((action) => (\r\n              <Link\r\n                href={action.href}\r\n                className={cn(\r\n                  buttonVariants({\r\n                    variant: action.variant || \"default\",\r\n                    size: action.size || \"default\",\r\n                  })\r\n                )}\r\n                key={action.label}\r\n              >\r\n                {action.icon && <action.icon />} {action.label}\r\n              </Link>\r\n            ))}\r\n          </div>\r\n        </EmptyContent>\r\n      </Empty>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AAoCM,SAIE,KAJF;AAnCN;AAAA,EAEE;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,OAAO,UAAU;AAEjB,MAAM,gCAAgC;AACtC,MAAM,8BAA8B;AAE7B,SAAS,gBAAgB;AAAA,EAC9B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,CAAC;AACb,GAUG;AACD,SACE,qBAAC,SAAI,WAAU,6KACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,SAAS;AAAA,gBACP,GAAG;AAAA,kBACD;AAAA,kBACA;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,gBACF;AAAA,gBACA,GAAG;AAAA,kBACD;AAAA,kBACA;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,gBACF;AAAA,gBACA,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC;AAAA,cACxB;AAAA,cACA,WAAU;AAAA,cACV,YAAY;AAAA,gBACV,QAAQ,OAAO;AAAA,gBACf,UAAU;AAAA,gBACV,MAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,SAAS;AAAA,gBACP,GAAG;AAAA,kBACD;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,kBACA;AAAA,gBACF;AAAA,gBACA,GAAG;AAAA,kBACD;AAAA,kBACA,CAAC;AAAA,kBACD;AAAA,kBACA;AAAA,gBACF;AAAA,cACF;AAAA,cACA,WAAU;AAAA,cACV,YAAY;AAAA,gBACV,QAAQ,OAAO;AAAA,gBACf,UAAU;AAAA,gBACV,MAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SACC;AAAA,2BAAC,eACC;AAAA,4BAAC,cAAW,WAAU,2BAA2B,iBAAM;AAAA,QACvD,oBAAC,oBAAiB,WAAU,eACzB,uBACH;AAAA,SACF;AAAA,MACA,oBAAC,gBACC,8BAAC,SAAI,WAAU,cACZ,kBAAQ,IAAI,CAAC,WACZ;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,OAAO;AAAA,UACb,WAAW;AAAA,YACT,eAAe;AAAA,cACb,SAAS,OAAO,WAAW;AAAA,cAC3B,MAAM,OAAO,QAAQ;AAAA,YACvB,CAAC;AAAA,UACH;AAAA,UAGC;AAAA,mBAAO,QAAQ,oBAAC,OAAO,MAAP,EAAY;AAAA,YAAG;AAAA,YAAE,OAAO;AAAA;AAAA;AAAA,QAFpC,OAAO;AAAA,MAGd,CACD,GACH,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/custom/charts/area-chart.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Area,
+  CartesianGrid,
+  AreaChart as RechartsAreaChart,
+  XAxis,
+  YAxis
+} from "recharts";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "@repo/ayasofyazilim-ui/components/chart";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { ChartCard } from "./chart-card";
+const description = "An area chart with a legend";
+function AreaChart({
+  data,
+  title,
+  config,
+  description: description2,
+  period,
+  footer,
+  trendText,
+  trendIcon,
+  showLegend,
+  xAxisTickFormatter = (value) => value,
+  classNames,
+  valuePrefix,
+  valueSuffix,
+  emptyState
+}) {
+  return /* @__PURE__ */ jsx(
+    ChartCard,
+    {
+      title,
+      description: description2,
+      period,
+      trendText,
+      trendIcon,
+      footer,
+      classNames: classNames?.card,
+      emptyState: data.length === 0 ? emptyState : void 0,
+      children: /* @__PURE__ */ jsx(
+        ChartContainer,
+        {
+          config,
+          className: cn("mx-auto max-h-full", classNames?.chart?.container),
+          children: /* @__PURE__ */ jsxs(
+            RechartsAreaChart,
+            {
+              accessibilityLayer: true,
+              data,
+              className: cn("flex flex-col pb-2", classNames?.chart?.area),
+              margin: { top: 0, bottom: 0, left: 0, right: 0 },
+              children: [
+                /* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
+                /* @__PURE__ */ jsx(
+                  XAxis,
+                  {
+                    dataKey: "label",
+                    tickMargin: 2,
+                    minTickGap: 2,
+                    tickFormatter: xAxisTickFormatter
+                  }
+                ),
+                /* @__PURE__ */ jsx(YAxis, {}),
+                /* @__PURE__ */ jsx(
+                  ChartTooltip,
+                  {
+                    cursor: false,
+                    content: /* @__PURE__ */ jsx(
+                      ChartTooltipContent,
+                      {
+                        indicator: "line",
+                        valuePrefix,
+                        valueSuffix
+                      }
+                    )
+                  }
+                ),
+                Object.keys(config).map((key) => /* @__PURE__ */ jsx(
+                  Area,
+                  {
+                    dataKey: key,
+                    type: config[key]?.type || "monotoneX",
+                    fill: config[key]?.color || `var(--color-${key})`,
+                    fillOpacity: 0.4,
+                    stroke: config[key]?.color || `var(--color-${key})`,
+                    stackId: "a"
+                  },
+                  key
+                )),
+                showLegend && /* @__PURE__ */ jsx(
+                  ChartLegend,
+                  {
+                    wrapperStyle: {
+                      position: "relative",
+                      top: "unset",
+                      left: "unset",
+                      bottom: "unset",
+                      right: "unset",
+                      width: "100%",
+                      textAlign: "center"
+                    },
+                    className: cn("p-0", classNames?.chart?.legend),
+                    content: /* @__PURE__ */ jsx(ChartLegendContent, {})
+                  }
+                )
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  AreaChart,
+  description
+};
+//# sourceMappingURL=area-chart.js.map

package/dist/custom/charts/area-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/custom/charts/area-chart.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  Area,\r\n  CartesianGrid,\r\n  AreaChart as RechartsAreaChart,\r\n  XAxis,\r\n  YAxis,\r\n} from \"recharts\";\r\n\r\nimport {\r\n  ChartContainer,\r\n  ChartLegend,\r\n  ChartLegendContent,\r\n  ChartTooltip,\r\n  ChartTooltipContent,\r\n} from \"@repo/ayasofyazilim-ui/components/chart\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { ReactNode } from \"react\";\r\nimport { CurveType } from \"recharts/types/shape/Curve\";\r\nimport { BaseAxisProps } from \"recharts/types/util/types\";\r\nimport { CardClassNames, ChartCard } from \"./chart-card\";\r\nimport { EmptyConfig } from \".\";\r\n\r\nexport const description = \"An area chart with a legend\";\r\n\r\ntype ChartData = Array<{\r\n  [key: string]: number | string;\r\n}>;\r\n\r\ntype ChartConfig = {\r\n  [key: string]: {\r\n    label: string;\r\n    type?: CurveType;\r\n    color: string;\r\n  };\r\n};\r\n\r\nexport type AreaChartProps = {\r\n  data: ChartData;\r\n  config: ChartConfig;\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  period?: ReactNode;\r\n  footer?: ReactNode;\r\n  trendText?: ReactNode;\r\n  trendIcon?: ReactNode;\r\n  showLegend?: boolean;\r\n  xAxisTickFormatter?: BaseAxisProps[\"tickFormatter\"];\r\n  classNames?: {\r\n    chart?: {\r\n      container?: string;\r\n      area?: string;\r\n      legend?: string;\r\n    };\r\n    card?: CardClassNames;\r\n  };\r\n  valuePrefix?: string;\r\n  valueSuffix?: string;\r\n} & EmptyConfig;\r\n\r\nexport function AreaChart({\r\n  data,\r\n  title,\r\n  config,\r\n  description,\r\n  period,\r\n  footer,\r\n  trendText,\r\n  trendIcon,\r\n  showLegend,\r\n  xAxisTickFormatter = (value) => value,\r\n  classNames,\r\n  valuePrefix,\r\n  valueSuffix,\r\n  emptyState,\r\n}: AreaChartProps) {\r\n  return (\r\n    <ChartCard\r\n      title={title}\r\n      description={description}\r\n      period={period}\r\n      trendText={trendText}\r\n      trendIcon={trendIcon}\r\n      footer={footer}\r\n      classNames={classNames?.card}\r\n      emptyState={data.length === 0 ? emptyState : undefined}\r\n    >\r\n      <ChartContainer\r\n        config={config}\r\n        className={cn(\"mx-auto max-h-full\", classNames?.chart?.container)}\r\n      >\r\n        <RechartsAreaChart\r\n          accessibilityLayer\r\n          data={data}\r\n          className={cn(\"flex flex-col pb-2\", classNames?.chart?.area)}\r\n          margin={{ top: 0, bottom: 0, left: 0, right: 0 }}\r\n        >\r\n          <CartesianGrid vertical={false} />\r\n          <XAxis\r\n            dataKey=\"label\"\r\n            tickMargin={2}\r\n            minTickGap={2}\r\n            tickFormatter={xAxisTickFormatter}\r\n          />\r\n          <YAxis />\r\n          <ChartTooltip\r\n            cursor={false}\r\n            content={\r\n              <ChartTooltipContent\r\n                indicator=\"line\"\r\n                valuePrefix={valuePrefix}\r\n                valueSuffix={valueSuffix}\r\n              />\r\n            }\r\n          />\r\n          {Object.keys(config).map((key) => (\r\n            <Area\r\n              key={key}\r\n              dataKey={key}\r\n              type={config[key]?.type || \"monotoneX\"}\r\n              fill={config[key]?.color || `var(--color-${key})`}\r\n              fillOpacity={0.4}\r\n              stroke={config[key]?.color || `var(--color-${key})`}\r\n              stackId=\"a\"\r\n            />\r\n          ))}\r\n          {showLegend && (\r\n            <ChartLegend\r\n              wrapperStyle={{\r\n                position: \"relative\",\r\n                top: \"unset\",\r\n                left: \"unset\",\r\n                bottom: \"unset\",\r\n                right: \"unset\",\r\n                width: \"100%\",\r\n                textAlign: \"center\",\r\n              }}\r\n              className={cn(\"p-0\", classNames?.chart?.legend)}\r\n              content={<ChartLegendContent />}\r\n            />\r\n          )}\r\n        </RechartsAreaChart>\r\n      </ChartContainer>\r\n    </ChartCard>\r\n  );\r\n}\r\n"],"mappings":";AA4FQ,SAME,KANF;AA1FR;AAAA,EACE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AAInB,SAAyB,iBAAiB;AAGnC,MAAM,cAAc;AAqCpB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB,CAAC,UAAU;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAaA;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,YAAY;AAAA,MACxB,YAAY,KAAK,WAAW,IAAI,aAAa;AAAA,MAE7C;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW,GAAG,sBAAsB,YAAY,OAAO,SAAS;AAAA,UAEhE;AAAA,YAAC;AAAA;AAAA,cACC,oBAAkB;AAAA,cAClB;AAAA,cACA,WAAW,GAAG,sBAAsB,YAAY,OAAO,IAAI;AAAA,cAC3D,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAE;AAAA,cAE/C;AAAA,oCAAC,iBAAc,UAAU,OAAO;AAAA,gBAChC;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,YAAY;AAAA,oBACZ,YAAY;AAAA,oBACZ,eAAe;AAAA;AAAA,gBACjB;AAAA,gBACA,oBAAC,SAAM;AAAA,gBACP;AAAA,kBAAC;AAAA;AAAA,oBACC,QAAQ;AAAA,oBACR,SACE;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA;AAAA,oBACF;AAAA;AAAA,gBAEJ;AAAA,gBACC,OAAO,KAAK,MAAM,EAAE,IAAI,CAAC,QACxB;AAAA,kBAAC;AAAA;AAAA,oBAEC,SAAS;AAAA,oBACT,MAAM,OAAO,GAAG,GAAG,QAAQ;AAAA,oBAC3B,MAAM,OAAO,GAAG,GAAG,SAAS,eAAe,GAAG;AAAA,oBAC9C,aAAa;AAAA,oBACb,QAAQ,OAAO,GAAG,GAAG,SAAS,eAAe,GAAG;AAAA,oBAChD,SAAQ;AAAA;AAAA,kBANH;AAAA,gBAOP,CACD;AAAA,gBACA,cACC;AAAA,kBAAC;AAAA;AAAA,oBACC,cAAc;AAAA,sBACZ,UAAU;AAAA,sBACV,KAAK;AAAA,sBACL,MAAM;AAAA,sBACN,QAAQ;AAAA,sBACR,OAAO;AAAA,sBACP,OAAO;AAAA,sBACP,WAAW;AAAA,oBACb;AAAA,oBACA,WAAW,GAAG,OAAO,YAAY,OAAO,MAAM;AAAA,oBAC9C,SAAS,oBAAC,sBAAmB;AAAA;AAAA,gBAC/B;AAAA;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":["description"]}