@k8o/arte-odyssey 2.0.2 → 3.1.0

package/dist/components/icons/index.js

@@ -1,6 +1,107 @@
-export * from "./arte-odyssey";
-export * from "./github-mark";
-export * from "./logo";
-export * from "./lucide";
-export * from "./qiita";
-export * from "./twitter";
+import { ArteOdyssey } from "./arte-odyssey";
+import { GitHubIcon } from "./github-mark";
+import { Logo, LogoIcon } from "./logo";
+import {
+  AccessibilityIcon,
+  AIIcon,
+  AlertIcon,
+  AtomIcon,
+  BadIcon,
+  BlogIcon,
+  BoringIcon,
+  CheckIcon,
+  ChevronIcon,
+  CloseIcon,
+  ColorContrastIcon,
+  ColorInfoIcon,
+  CopyIcon,
+  DarkModeIcon,
+  DifficultIcon,
+  EasyIcon,
+  ExternalLinkIcon,
+  FormIcon,
+  GoodIcon,
+  HistoryIcon,
+  InformativeIcon,
+  InterestingIcon,
+  LightModeIcon,
+  LinkIcon,
+  ListIcon,
+  LocationIcon,
+  MailIcon,
+  MinusIcon,
+  MixedColorIcon,
+  NavigationMenuIcon,
+  NewsIcon,
+  PaletteIcon,
+  PlusIcon,
+  PrepareIcon,
+  PublishDateIcon,
+  RSSIcon,
+  SendIcon,
+  ShallowIcon,
+  ShieldCheckIcon,
+  SlideIcon,
+  SparklesIcon,
+  SubscribeIcon,
+  TableIcon,
+  TagIcon,
+  UpdateDateIcon,
+  ViewIcon
+} from "./lucide";
+import { QiitaIcon } from "./qiita";
+import { TwitterIcon } from "./twitter";
+export {
+  AIIcon,
+  AccessibilityIcon,
+  AlertIcon,
+  ArteOdyssey,
+  AtomIcon,
+  BadIcon,
+  BlogIcon,
+  BoringIcon,
+  CheckIcon,
+  ChevronIcon,
+  CloseIcon,
+  ColorContrastIcon,
+  ColorInfoIcon,
+  CopyIcon,
+  DarkModeIcon,
+  DifficultIcon,
+  EasyIcon,
+  ExternalLinkIcon,
+  FormIcon,
+  GitHubIcon,
+  GoodIcon,
+  HistoryIcon,
+  InformativeIcon,
+  InterestingIcon,
+  LightModeIcon,
+  LinkIcon,
+  ListIcon,
+  LocationIcon,
+  Logo,
+  LogoIcon,
+  MailIcon,
+  MinusIcon,
+  MixedColorIcon,
+  NavigationMenuIcon,
+  NewsIcon,
+  PaletteIcon,
+  PlusIcon,
+  PrepareIcon,
+  PublishDateIcon,
+  QiitaIcon,
+  RSSIcon,
+  SendIcon,
+  ShallowIcon,
+  ShieldCheckIcon,
+  SlideIcon,
+  SparklesIcon,
+  SubscribeIcon,
+  TableIcon,
+  TagIcon,
+  TwitterIcon,
+  UpdateDateIcon,
+  ViewIcon
+};

package/dist/components/icons/lucide.d.ts

@@ -47,4 +47,9 @@ export declare const InformativeIcon: FC<IconProps>;
 export declare const ShallowIcon: FC<IconProps>;
 export declare const EasyIcon: FC<IconProps>;
 export declare const DifficultIcon: FC<IconProps>;
+export declare const AtomIcon: FC<IconProps>;
+export declare const PaletteIcon: FC<IconProps>;
+export declare const ShieldCheckIcon: FC<IconProps>;
+export declare const AccessibilityIcon: FC<IconProps>;
+export declare const SparklesIcon: FC<IconProps>;
 export {};

package/dist/components/icons/lucide.js

@@ -1,8 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import {
+  Accessibility,
   AlignRight,
   Angry,
   Annoyed,
+  Atom,
   Bell,
   Blend,
   Bookmark,
@@ -34,12 +36,15 @@ import {
   Minus,
   MoonStar,
   PaintBucket,
+  Palette,
   Plus,
   Presentation,
   Rocket,
   Rss,
   Send,
+  ShieldCheck,
   Smile,
+  Sparkles,
   Sun,
   Table2,
   Tag,
@@ -524,9 +529,66 @@ const DifficultIcon = ({ size = "md" }) => {
     }
   );
 };
+const AtomIcon = ({ size = "md" }) => {
+  return /* @__PURE__ */ jsx(
+    BaseIcon,
+    {
+      renderItem: (props) => {
+        return /* @__PURE__ */ jsx(Atom, { ...props });
+      },
+      size
+    }
+  );
+};
+const PaletteIcon = ({ size = "md" }) => {
+  return /* @__PURE__ */ jsx(
+    BaseIcon,
+    {
+      renderItem: (props) => {
+        return /* @__PURE__ */ jsx(Palette, { ...props });
+      },
+      size
+    }
+  );
+};
+const ShieldCheckIcon = ({ size = "md" }) => {
+  return /* @__PURE__ */ jsx(
+    BaseIcon,
+    {
+      renderItem: (props) => {
+        return /* @__PURE__ */ jsx(ShieldCheck, { ...props });
+      },
+      size
+    }
+  );
+};
+const AccessibilityIcon = ({ size = "md" }) => {
+  return /* @__PURE__ */ jsx(
+    BaseIcon,
+    {
+      renderItem: (props) => {
+        return /* @__PURE__ */ jsx(Accessibility, { ...props });
+      },
+      size
+    }
+  );
+};
+const SparklesIcon = ({ size = "md" }) => {
+  return /* @__PURE__ */ jsx(
+    BaseIcon,
+    {
+      renderItem: (props) => {
+        return /* @__PURE__ */ jsx(Sparkles, { ...props });
+      },
+      size
+    }
+  );
+};
 export {
   AIIcon,
+  AccessibilityIcon,
   AlertIcon,
+  AtomIcon,
   BadIcon,
   BlogIcon,
   BoringIcon,
@@ -554,13 +616,16 @@ export {
   MixedColorIcon,
   NavigationMenuIcon,
   NewsIcon,
+  PaletteIcon,
   PlusIcon,
   PrepareIcon,
   PublishDateIcon,
   RSSIcon,
   SendIcon,
   ShallowIcon,
+  ShieldCheckIcon,
   SlideIcon,
+  SparklesIcon,
   SubscribeIcon,
   TableIcon,
   TagIcon,

package/dist/components/index.d.ts

@@ -1,38 +1,38 @@
-export * from './accordion';
-export * from './alert';
-export * from './anchor';
-export * from './baseline-status';
-export * from './breadcrumb';
-export * from './button';
-export * from './card';
-export * from './code';
-export * from './dialog';
-export * from './drawer';
-export * from './dropdown-menu';
-export * from './error-boundary';
-export * from './form/autocomplete';
-export * from './form/checkbox';
-export * from './form/file-field';
-export * from './form/form-control';
-export * from './form/number-field';
-export * from './form/radio';
-export * from './form/range-field';
-export * from './form/select';
-export * from './form/text-field';
-export * from './form/textarea';
-export * from './heading';
-export * from './icon-button';
-export * from './icon-link';
-export * from './icons';
-export * from './link-button';
-export * from './list-box';
-export * from './modal';
-export * from './popover';
-export * from './progress';
-export * from './providers';
-export * from './scroll-linked';
-export * from './separator';
-export * from './tabs';
-export * from './text-tag';
-export * from './toast';
-export * from './tooltip';
+export { Accordion } from './accordion';
+export { Alert } from './alert';
+export { Anchor } from './anchor';
+export { BaselineStatus } from './baseline-status';
+export { Breadcrumb } from './breadcrumb';
+export { Button } from './button';
+export { Card, InteractiveCard } from './card';
+export { Code } from './code';
+export { Content, Dialog } from './dialog';
+export { Drawer } from './drawer';
+export { DropdownMenu } from './dropdown-menu';
+export { ErrorBoundary } from './error-boundary';
+export { Autocomplete } from './form/autocomplete';
+export { Checkbox } from './form/checkbox';
+export { FileField, FileFieldProvider } from './form/file-field';
+export { FormControl } from './form/form-control';
+export { NumberField } from './form/number-field';
+export { Radio } from './form/radio';
+export { RangeField } from './form/range-field';
+export { Select } from './form/select';
+export { TextField } from './form/text-field';
+export { Textarea } from './form/textarea';
+export { Heading } from './heading';
+export { IconButton } from './icon-button';
+export { IconLink } from './icon-link';
+export { AIIcon, AlertIcon, ArteOdyssey, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FormIcon, GitHubIcon, GoodIcon, HistoryIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PlusIcon, PrepareIcon, PublishDateIcon, QiitaIcon, RSSIcon, SendIcon, ShallowIcon, SlideIcon, SubscribeIcon, TableIcon, TagIcon, TwitterIcon, UpdateDateIcon, ViewIcon, } from './icons';
+export { LinkButton } from './link-button';
+export { ListBox } from './list-box';
+export { Modal } from './modal';
+export { Popover, useOpenContext } from './popover';
+export { Progress } from './progress';
+export { ArteOdysseyProvider, PortalRootProvider, usePortalRoot, } from './providers';
+export { ScrollLinked } from './scroll-linked';
+export { Separator } from './separator';
+export { Tabs } from './tabs';
+export { TextTag } from './text-tag';
+export { ToastProvider, useToast } from './toast';
+export { Tooltip } from './tooltip';

package/dist/components/index.js

@@ -1,38 +1,183 @@
-export * from "./accordion";
-export * from "./alert";
-export * from "./anchor";
-export * from "./baseline-status";
-export * from "./breadcrumb";
-export * from "./button";
-export * from "./card";
-export * from "./code";
-export * from "./dialog";
-export * from "./drawer";
-export * from "./dropdown-menu";
-export * from "./error-boundary";
-export * from "./form/autocomplete";
-export * from "./form/checkbox";
-export * from "./form/file-field";
-export * from "./form/form-control";
-export * from "./form/number-field";
-export * from "./form/radio";
-export * from "./form/range-field";
-export * from "./form/select";
-export * from "./form/text-field";
-export * from "./form/textarea";
-export * from "./heading";
-export * from "./icon-button";
-export * from "./icon-link";
-export * from "./icons";
-export * from "./link-button";
-export * from "./list-box";
-export * from "./modal";
-export * from "./popover";
-export * from "./progress";
-export * from "./providers";
-export * from "./scroll-linked";
-export * from "./separator";
-export * from "./tabs";
-export * from "./text-tag";
-export * from "./toast";
-export * from "./tooltip";
+import { Accordion } from "./accordion";
+import { Alert } from "./alert";
+import { Anchor } from "./anchor";
+import { BaselineStatus } from "./baseline-status";
+import { Breadcrumb } from "./breadcrumb";
+import { Button } from "./button";
+import { Card, InteractiveCard } from "./card";
+import { Code } from "./code";
+import { Content, Dialog } from "./dialog";
+import { Drawer } from "./drawer";
+import { DropdownMenu } from "./dropdown-menu";
+import { ErrorBoundary } from "./error-boundary";
+import { Autocomplete } from "./form/autocomplete";
+import { Checkbox } from "./form/checkbox";
+import { FileField, FileFieldProvider } from "./form/file-field";
+import { FormControl } from "./form/form-control";
+import { NumberField } from "./form/number-field";
+import { Radio } from "./form/radio";
+import { RangeField } from "./form/range-field";
+import { Select } from "./form/select";
+import { TextField } from "./form/text-field";
+import { Textarea } from "./form/textarea";
+import { Heading } from "./heading";
+import { IconButton } from "./icon-button";
+import { IconLink } from "./icon-link";
+import {
+  AIIcon,
+  AlertIcon,
+  ArteOdyssey,
+  BadIcon,
+  BlogIcon,
+  BoringIcon,
+  CheckIcon,
+  ChevronIcon,
+  CloseIcon,
+  ColorContrastIcon,
+  ColorInfoIcon,
+  CopyIcon,
+  DarkModeIcon,
+  DifficultIcon,
+  EasyIcon,
+  ExternalLinkIcon,
+  FormIcon,
+  GitHubIcon,
+  GoodIcon,
+  HistoryIcon,
+  InformativeIcon,
+  InterestingIcon,
+  LightModeIcon,
+  LinkIcon,
+  ListIcon,
+  LocationIcon,
+  Logo,
+  LogoIcon,
+  MailIcon,
+  MinusIcon,
+  MixedColorIcon,
+  NavigationMenuIcon,
+  NewsIcon,
+  PlusIcon,
+  PrepareIcon,
+  PublishDateIcon,
+  QiitaIcon,
+  RSSIcon,
+  SendIcon,
+  ShallowIcon,
+  SlideIcon,
+  SubscribeIcon,
+  TableIcon,
+  TagIcon,
+  TwitterIcon,
+  UpdateDateIcon,
+  ViewIcon
+} from "./icons";
+import { LinkButton } from "./link-button";
+import { ListBox } from "./list-box";
+import { Modal } from "./modal";
+import { Popover, useOpenContext } from "./popover";
+import { Progress } from "./progress";
+import {
+  ArteOdysseyProvider,
+  PortalRootProvider,
+  usePortalRoot
+} from "./providers";
+import { ScrollLinked } from "./scroll-linked";
+import { Separator } from "./separator";
+import { Tabs } from "./tabs";
+import { TextTag } from "./text-tag";
+import { ToastProvider, useToast } from "./toast";
+import { Tooltip } from "./tooltip";
+export {
+  AIIcon,
+  Accordion,
+  Alert,
+  AlertIcon,
+  Anchor,
+  ArteOdyssey,
+  ArteOdysseyProvider,
+  Autocomplete,
+  BadIcon,
+  BaselineStatus,
+  BlogIcon,
+  BoringIcon,
+  Breadcrumb,
+  Button,
+  Card,
+  CheckIcon,
+  Checkbox,
+  ChevronIcon,
+  CloseIcon,
+  Code,
+  ColorContrastIcon,
+  ColorInfoIcon,
+  Content,
+  CopyIcon,
+  DarkModeIcon,
+  Dialog,
+  DifficultIcon,
+  Drawer,
+  DropdownMenu,
+  EasyIcon,
+  ErrorBoundary,
+  ExternalLinkIcon,
+  FileField,
+  FileFieldProvider,
+  FormControl,
+  FormIcon,
+  GitHubIcon,
+  GoodIcon,
+  Heading,
+  HistoryIcon,
+  IconButton,
+  IconLink,
+  InformativeIcon,
+  InteractiveCard,
+  InterestingIcon,
+  LightModeIcon,
+  LinkButton,
+  LinkIcon,
+  ListBox,
+  ListIcon,
+  LocationIcon,
+  Logo,
+  LogoIcon,
+  MailIcon,
+  MinusIcon,
+  MixedColorIcon,
+  Modal,
+  NavigationMenuIcon,
+  NewsIcon,
+  NumberField,
+  PlusIcon,
+  Popover,
+  PortalRootProvider,
+  PrepareIcon,
+  Progress,
+  PublishDateIcon,
+  QiitaIcon,
+  RSSIcon,
+  Radio,
+  RangeField,
+  ScrollLinked,
+  Select,
+  SendIcon,
+  Separator,
+  ShallowIcon,
+  SlideIcon,
+  SubscribeIcon,
+  TableIcon,
+  Tabs,
+  TagIcon,
+  TextField,
+  TextTag,
+  Textarea,
+  ToastProvider,
+  Tooltip,
+  TwitterIcon,
+  UpdateDateIcon,
+  ViewIcon,
+  useOpenContext,
+  usePortalRoot,
+  useToast
+};

package/dist/components/link-button/index.d.ts

@@ -1 +1 @@
-export * from './link-button';
+export { LinkButton } from './link-button';

package/dist/components/link-button/index.js

@@ -1 +1,4 @@
-export * from "./link-button";
+import { LinkButton } from "./link-button";
+export {
+  LinkButton
+};

package/dist/components/list-box/index.d.ts

@@ -1 +1 @@
-export * from './list-box';
+export { ListBox } from './list-box';

package/dist/components/list-box/index.js

@@ -1 +1,4 @@
-export * from "./list-box";
+import { ListBox } from "./list-box";
+export {
+  ListBox
+};

package/dist/components/modal/index.d.ts

@@ -1 +1 @@
-export * from './modal';
+export { Modal } from './modal';

package/dist/components/modal/index.js

@@ -1 +1,4 @@
-export * from "./modal";
+import { Modal } from "./modal";
+export {
+  Modal
+};

package/dist/components/modal/modal.d.ts

@@ -1,7 +1,7 @@
 import { type FC, type PropsWithChildren, type RefObject } from 'react';
 export declare const Modal: FC<PropsWithChildren<{
     ref?: RefObject<HTMLDialogElement | null>;
-    type?: 'center' | 'bottom' | 'right';
+    type?: 'center' | 'bottom' | 'right' | 'left';
     defaultOpen?: boolean;
     isOpen?: boolean;
     onClose?: () => void;

package/dist/components/modal/modal.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as motion from "motion/react-client";
 import {
@@ -62,6 +63,24 @@ const rightVariants = {
     }
   }
 };
+const leftVariants = {
+  open: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      duration: 0.3,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  },
+  closed: {
+    opacity: 0,
+    x: "-100%",
+    transition: {
+      duration: 0.3,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
 const Modal = ({ ref, type = "center", defaultOpen, isOpen, onClose, children }) => {
   const dialogRef = useRef(null);
   const [dialogOpen, setDialogOpen] = useState(defaultOpen ?? false);
@@ -98,7 +117,8 @@ const Modal = ({ ref, type = "center", defaultOpen, isOpen, onClose, children })
         "border-border-mute bg-bg-base shadow-md backdrop:bg-back-drop",
         type === "center" && "m-auto max-h-lg w-5/6 max-w-2xl rounded-lg dark:border",
         type === "bottom" && "mt-auto w-screen max-w-screen rounded-t-lg dark:border-t",
-        type === "right" && "ml-auto min-h-svh w-screen max-w-sm rounded-l-lg dark:border-l"
+        type === "right" && "ml-auto h-svh max-h-none w-screen max-w-sm rounded-l-lg dark:border-l",
+        type === "left" && "mr-auto h-svh max-h-none w-screen max-w-sm rounded-r-lg dark:border-r"
       ),
       exit: "closed",
       initial: "closed",
@@ -109,7 +129,7 @@ const Modal = ({ ref, type = "center", defaultOpen, isOpen, onClose, children })
       },
       onClose: realOnClose,
       ref: realRef,
-      variants: type === "center" ? centerVariants : type === "bottom" ? bottomVariants : rightVariants,
+      variants: type === "center" ? centerVariants : type === "bottom" ? bottomVariants : type === "left" ? leftVariants : rightVariants,
       children: /* @__PURE__ */ jsx(ToastProvider, { portalRef: realRef, position: "absolute", children })
     }
   );

package/dist/components/popover/index.d.ts

@@ -1 +1 @@
-export * from './popover';
+export { Popover, useOpenContext } from './popover';

package/dist/components/popover/index.js

@@ -1 +1,5 @@
-export * from "./popover";
+import { Popover, useOpenContext } from "./popover";
+export {
+  Popover,
+  useOpenContext
+};

package/dist/components/progress/index.d.ts

@@ -1 +1 @@
-export * from './progress';
+export { Progress } from './progress';

package/dist/components/progress/index.js

@@ -1 +1,4 @@
-export * from "./progress";
+import { Progress } from "./progress";
+export {
+  Progress
+};

package/dist/components/providers/index.d.ts

@@ -1,2 +1,2 @@
-export * from './arte-odyssey-provider';
-export * from './portal-root';
+export { ArteOdysseyProvider } from './arte-odyssey-provider';
+export { PortalRootProvider, usePortalRoot } from './portal-root';

package/dist/components/providers/index.js

@@ -1,2 +1,7 @@
-export * from "./arte-odyssey-provider";
-export * from "./portal-root";
+import { ArteOdysseyProvider } from "./arte-odyssey-provider";
+import { PortalRootProvider, usePortalRoot } from "./portal-root";
+export {
+  ArteOdysseyProvider,
+  PortalRootProvider,
+  usePortalRoot
+};

package/dist/components/scroll-linked/index.d.ts

@@ -1 +1 @@
-export * from './scroll-linked';
+export { ScrollLinked } from './scroll-linked';

package/dist/components/scroll-linked/index.js

@@ -1 +1,4 @@
-export * from "./scroll-linked";
+import { ScrollLinked } from "./scroll-linked";
+export {
+  ScrollLinked
+};