@openameba/spindle-ui 2.1.0 → 2.1.2

package/IconButton/IconButton.figma.mjs

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconButton } from './IconButton';
+import { IconButton } from "./IconButton.mjs";
 import figma from '@figma/code-connect';
 figma.connect(IconButton, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=4042-25426&t=R8kIhRlvP5CmX9Qn-0', {
     imports: ["import { IconButton } from '@openameba/spindle-ui';"],

package/IconButton/index.mjs

@@ -1 +1 @@
-export { IconButton } from './IconButton';
+export { IconButton } from "./IconButton.mjs";

package/InlineNotification/InlineNotification.figma.mjs

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InlineNotification } from './InlineNotification';
+import { InlineNotification } from "./InlineNotification.mjs";
 import figma from '@figma/code-connect';
 import CrossBold from 'src/Icon/CrossBold';
 import Information from 'src/Icon/Information';

package/InlineNotification/InlineNotification.mjs

@@ -1,7 +1,7 @@
 import React, { Children, cloneElement, useMemo, } from 'react';
-import { Button as SpindleButton } from '../Button/Button';
-import { TextButton as SpindleTextButton } from '../TextButton/TextButton';
-import { IconButton as SpindleIconButton } from '../IconButton/IconButton';
+import { Button as SpindleButton } from "../Button/Button.mjs";
+import { TextButton as SpindleTextButton } from "../TextButton/TextButton.mjs";
+import { IconButton as SpindleIconButton } from "../IconButton/IconButton.mjs";
 const BLOCK_NAME = 'spui-InlineNotification';
 const DEFAULT_VARIANT = 'information';
 const DEFAULT_EMPHASIS = false;

package/InlineNotification/index.mjs

@@ -1 +1 @@
-export { InlineNotification } from './InlineNotification';
+export { InlineNotification } from "./InlineNotification.mjs";

package/LinkButton/index.mjs

@@ -1 +1 @@
-export { LinkButton } from './LinkButton';
+export { LinkButton } from "./LinkButton.mjs";

package/List/MoreLink.mjs

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import ChevronRightBold from '../Icon/ChevronRightBold';
+import ChevronRightBold from "../Icon/ChevronRightBold.mjs";
 const BLOCK_NAME = 'spui-MoreLink';
 export const MoreLink = forwardRef(function MoreLink({ children, ...rest }, ref) {
     return (React.createElement("a", { className: BLOCK_NAME, ref: ref, ...rest },

package/List/index.mjs

@@ -1 +1 @@
-export { MoreLink } from './MoreLink';
+export { MoreLink } from "./MoreLink.mjs";

package/Modal/AppealModal.mjs

@@ -1,9 +1,9 @@
 import React, { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
 import mergeRefs from 'react-merge-refs';
-import { ButtonGroup as Group } from '../ButtonGroup';
-import CrossBold from '../Icon/CrossBold';
-import { IconButton } from '../IconButton';
-import { SubtleButton } from '../SubtleButton';
+import { ButtonGroup as Group } from "../ButtonGroup/index.mjs";
+import CrossBold from "../Icon/CrossBold.mjs";
+import { IconButton } from "../IconButton/index.mjs";
+import { SubtleButton } from "../SubtleButton/index.mjs";
 const BLOCK_NAME = 'spui-AppealModal';
 const FADE_OUT_ANIMATION = 'spui-AppealModal-fade-out';
 const Frame = forwardRef(function AppealModal({ children, className, open, size = 'large', onClose, ...rest }, ref) {

package/Modal/SemiModal.mjs

@@ -1,7 +1,7 @@
 import React, { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
 import mergeRefs from 'react-merge-refs';
-import CrossBold from '../Icon/CrossBold';
-import { IconButton } from '../IconButton';
+import CrossBold from "../Icon/CrossBold.mjs";
+import { IconButton } from "../IconButton/index.mjs";
 const BLOCK_NAME = 'spui-SemiModal';
 const ANIMATION_NAME_LIST = [
     `${BLOCK_NAME}-fade-out`,

package/NavigationTab/UnderlineTab/UnderlineTab.figma.mjs

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UnderlineTab } from './UnderlineTab';
+import { UnderlineTab } from "./UnderlineTab.mjs";
 import figma from '@figma/code-connect';
 figma.connect(UnderlineTab, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=4053-27265&t=YLIDc1qkFqK1kafo-4', {
     imports: ["import { UnderlineTab } from '@openameba/spindle-ui';"],

package/NavigationTab/UnderlineTab/UnderlineTab.mjs

@@ -1,6 +1,6 @@
 import React, { createRef, useCallback, useEffect, useRef, useState, } from 'react';
-import ChevronLeftBold from '../../Icon/ChevronLeftBold';
-import ChevronRightBold from '../../Icon/ChevronRightBold';
+import ChevronLeftBold from "../../Icon/ChevronLeftBold.mjs";
+import ChevronRightBold from "../../Icon/ChevronRightBold.mjs";
 const BLOCK_NAME = 'spui-UnderlineTab';
 const SCROLL_DISTANCE = 150;
 export const UnderlineTab = ({ defaultSelectedId, options, hasBorder = false, variant = 'fixed', onClick, }) => {

package/NavigationTab/index.mjs

@@ -1 +1 @@
-export { UnderlineTab } from './UnderlineTab/UnderlineTab';
+export { UnderlineTab } from "./UnderlineTab/UnderlineTab.mjs";

package/Pagination/Pagination.mjs

@@ -1,8 +1,8 @@
 import React, { useCallback, useEffect, useState, useRef } from 'react';
-import MenuHorizontal from '../Icon/MenuHorizontal';
-import PaginationItem from './PaginationItem';
-import { useShowItem } from './hooks/useShowItem';
-import { getLinkRelAttribute } from './helpers/getLinkRelAttribute';
+import MenuHorizontal from "../Icon/MenuHorizontal.mjs";
+import PaginationItem from "./PaginationItem.mjs";
+import { useShowItem } from "./hooks/useShowItem.mjs";
+import { getLinkRelAttribute } from "./helpers/getLinkRelAttribute.mjs";
 const BLOCK_NAME = 'spui-Pagination';
 // ページ総数の閾値
 const TOTAL_THRESHOLD = 100;

package/Pagination/PaginationItem.mjs

@@ -1,10 +1,10 @@
 import React from 'react';
-import ChevronRightBold from '../Icon/ChevronRightBold';
-import ChevronLeftBold from '../Icon/ChevronLeftBold';
-import TriangleendRightBold from '../Icon/TriangleendRightBold';
-import TriangleendLeftBold from '../Icon/TriangleendLeftBold';
-import { useItemPageNumber } from './hooks/useItemPageNumber';
-import { getLinkRelAttribute } from './helpers/getLinkRelAttribute';
+import ChevronRightBold from "../Icon/ChevronRightBold.mjs";
+import ChevronLeftBold from "../Icon/ChevronLeftBold.mjs";
+import TriangleendRightBold from "../Icon/TriangleendRightBold.mjs";
+import TriangleendLeftBold from "../Icon/TriangleendLeftBold.mjs";
+import { useItemPageNumber } from "./hooks/useItemPageNumber.mjs";
+import { getLinkRelAttribute } from "./helpers/getLinkRelAttribute.mjs";
 const BLOCK_NAME = 'spui-PaginationItem';
 export const PaginationItem = React.memo(function PaginationItem({ type, current, total, linkFollowType, onClick, createUrl, }) {
     const isDisabled = type === 'first' || type === 'prev' ? current === 1 : current === total;

package/Pagination/index.mjs

@@ -1 +1 @@
-export { Pagination } from './Pagination';
+export { Pagination } from "./Pagination.mjs";

package/SegmentedControl/SegmentedControl.figma.mjs

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SegmentedControl } from './SegmentedControl';
+import { SegmentedControl } from "./SegmentedControl.mjs";
 import figma from '@figma/code-connect';
 figma.connect(SegmentedControl, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=4039-12411', {
     imports: ["import { SegmentedControl } from '@openameba/spindle-ui';"],

package/SegmentedControl/index.mjs

@@ -1 +1 @@
-export { SegmentedControl } from './SegmentedControl';
+export { SegmentedControl } from "./SegmentedControl.mjs";

package/SnackBar/SnackBar.figma.mjs

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SnackBar } from './SnackBar';
+import { SnackBar } from "./SnackBar.mjs";
 import figma from '@figma/code-connect';
 import CheckCircleFill from 'src/Icon/CheckCircleFill';
 import ExclamationmarkCircleFill from 'src/Icon/ExclamationmarkCircleFill';

package/SnackBar/SnackBar.mjs

@@ -1,9 +1,9 @@
 import React, { Children, cloneElement, useMemo, } from 'react';
-import { useStackNotificationComponent } from '../StackNotificationManager';
-import CrossBold from '../Icon/CrossBold';
-import { IconButton } from '../IconButton';
-import { TextLink as SpindleTextLink } from '../TextLink/TextLink';
-import { TextButton as SpindleTextButton } from '../TextButton/TextButton';
+import { useStackNotificationComponent } from "../StackNotificationManager/index.mjs";
+import CrossBold from "../Icon/CrossBold.mjs";
+import { IconButton } from "../IconButton/index.mjs";
+import { TextLink as SpindleTextLink } from "../TextLink/TextLink.mjs";
+import { TextButton as SpindleTextButton } from "../TextButton/TextButton.mjs";
 export const BLOCK_NAME = 'spui-SnackBar';
 // Duration for css animation.
 export const ANIMATION_DURATION = 300;

package/SnackBar/index.mjs

@@ -1 +1 @@
-export { SnackBar } from './SnackBar';
+export { SnackBar } from "./SnackBar.mjs";

package/StackNotificationManager/hooks.mjs

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useStackNotificationManagerContext, } from './StackNotificationManager';
+import { useStackNotificationManagerContext, } from "./StackNotificationManager.mjs";
 const MAX_STACK_SIZE_DESKTOP = 4;
 const MAX_STACK_SIZE_MOBILE = 3;
 /**

package/StackNotificationManager/index.mjs

@@ -1,2 +1,2 @@
-export { StackNotificationManagerProvider, } from './StackNotificationManager';
-export { useStackNotificationManager, useStackInteraction, useRepeatedStackItem, useStackNotificationComponent, } from './hooks';
+export { StackNotificationManagerProvider, } from "./StackNotificationManager.mjs";
+export { useStackNotificationManager, useStackInteraction, useRepeatedStackItem, useStackNotificationComponent, } from "./hooks.mjs";

package/SubtleButton/index.mjs

@@ -1 +1 @@
-export { SubtleButton } from './SubtleButton';
+export { SubtleButton } from "./SubtleButton.mjs";

package/TextButton/index.mjs

@@ -1 +1 @@
-export { TextButton } from './TextButton';
+export { TextButton } from "./TextButton.mjs";

package/TextLink/index.mjs

@@ -1 +1 @@
-export { TextLink } from './TextLink';
+export { TextLink } from "./TextLink.mjs";

package/Toast/Toast.mjs

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useStackNotificationComponent, } from '../StackNotificationManager';
-import CrossBold from '../Icon/CrossBold';
-import { IconButton } from '../IconButton';
+import { useStackNotificationComponent, } from "../StackNotificationManager/index.mjs";
+import CrossBold from "../Icon/CrossBold.mjs";
+import { IconButton } from "../IconButton/index.mjs";
 export const BLOCK_NAME = 'spui-Toast';
 // Duration for css animation.
 export const ANIMATION_DURATION = 300;

package/Toast/index.mjs

@@ -1 +1 @@
-export { Toast } from './Toast';
+export { Toast } from "./Toast.mjs";

package/icons.figma.mjs

@@ -1,5 +1,5 @@
 import figma from '@figma/code-connect';
-import { Youtube, Twitter, Requ, Pigg, Ownd, LineSquare, LineCircle, Koeblog, Instagram, Hatenabookmark, Facebook, Dotmoney, BottomnvavMypageInactive, BottomnavSearchInactive, BottomnavSearchActive, BottomnavMypageActive, BottomnavHomeInactive, BottomnavHomeActive, BottomnavFollowfeedInactive, BottomnavFollowfeedActive, Abematv, Abemakun, Amebapick, X, FabPencilAdd, Accesslink, Accesspage, AccesspageFill, AddressbookFill, AlbumFill, AlbumAddFill, AlignLeft, AllFill, Amegold, Amember, PersonTwoFill, PersonTwoAddFill, PersonTwoDeleteFill, PersonTwoDoneFill, ArrowDown, ArrowDownBold, ArrowLeft, ArrowLeftBold, ArrowRight, ArrowRightBold, ArrowRightCircle, ArrowRightCircleFill, ArrowUp, ArrowUpBold, ArrowpagingDown, ArrowpagingDownCircle, ArrowpagingLeft, ArrowpagingLeftCircle, ArrowpagingRight, ArrowpagingRightCircle, ArrowpagingUp, ArrowpagingUpCircle, Article, Astrogy, AstrogyFill, Bbs, Beginner, Bell, BellFill, BellFillSlash, BellSlash, Blog, Sprout, Book, BookFill, Bookmark, BookmarkFill, Bullets, Calendar, CameraFill, SwitchingCamera, CautionFill, Check, CheckBold, CheckCircle, CheckCircleFill, Checklist, ChevronDown, ChevronDownBold, ChevronLeft, ChevronLeftBold, ChevronRight, ChevronRightBold, ChevronUp, ChevronUpBold, CircleFill, Clock, ClockFill, Coin, Comment, CommentFill, CommentPen, CommentTwoFill, CommentTwoSlashFill, Community, Coupon, CropDin, CropLandscape, Cross, CrossBold, CrossCircle, CrossCircleFill, Dot, FolderTwo, FolderTwoFill, Embed, EmotionFill, EntryLost, Exclamationmark, ExclamationmarkBold, ExclamationmarkCircle, ExclamationmarkCircleFill, Expand, ExpandExit, HandWaveFill, TagOfficialFill, Heart, HeartFill, History, HomeFill, Hot, Htmltag, ImageFill, ImageBanFill, ImageQuestionFill, File, FileAdd, FileAddFill, FileCircle, FileCircleFill, FileFill, Filter, ArrowLeftright, FlagFill, FlagRanking, FlagRankingTrim, FlashAuto, FlashOff, Flash, Folder, FolderFill, Font, Fontstyle, Game, GameFill, Genre, GenreAdd, GenreDone, GraphBar, Gruppo, Information, GameKantan, Kaomoji, Keyboard, KeyboardFill, Link, Loading, LockFill, Magicwand, Mail, MailCheck, MailCircle, MailCircleFill, MailFill, MenuHamburger, MenuHamburgerBold, MenuHorizontal, MenuVertical, Messageboard, Microphone, MicrophoneFill, MovieCameraFill, MoviePlay, MoviePlayFill, MovieStop, MusicFill, New, News, Nice, NiceDone, Nodate, Now, Officialstar, OfficialstarFill, OnedariFill, OpenCl, Openblank, OpenblankFill, PaletteFill, Pencil, PencilAdd, PencilBold, Person, PersonFill, PersonThreeFill, Peta, PlayCircle, Plus, PlusBold, PlusCircle, PlusCircleFill, PremiumFill, Present, Profilecard, Qr, Question, QuestionmarkCircle, QuestionmarkCircleFill, RankingCrown, RankingCrownFill, RankingPlatformFill, Reblog, ReblogSlash, Refresh, ReplyFill, ReplyCircleFill, MenuHamburgerFourline, Sad, Saveblog, ScreenFull, ScreenInline, Search, Service, Share, ShineFill, SidefaceClose, SidefaceOpen, Smartphone, SmartphoneFill, Sort, SortFeed, SortTile, SpeakerOffFill, SpeakerOnFill, StarFaceFill, Stampside, Star, StarFill, StopFill, Switching, StarCircleFill, TagFill, TranscriptOff, TranscriptOn, Transmission, Trashcan, Trend, TrendFill, TriangleDown, TriangleLeft, TriangleRight, TriangleUp, TrianglearrowDown, TrianglearrowDownright, TrianglearrowRight, TrianglearrowUp, TrianglearrowUpright, TriangleendLeft, TriangleendRight, TrophyFill, TvFill, Webview, TopbloggerRibbon, ImageAddFill, RedoDeprecated, Undo, UndoDeprecated, Redo, RedoBoldDeprecated, UndoBold, UndoBoldDeprecated, RedoBold, Title, Bold, Italic, Strikethrough, Underline, ListNumbered, ListBulleted, AlignCenter, AlignRight, Border, Thumbsup, ThumbsupFill, Amebacoin, Baby, Compass, Dice, Shirt, Flowervase, Cutlery, Pawprint, Wallet, ImageFillSlash, Calendardaily, Beginnermark, Circle, CircleBold, Minus, MinusBold, Sun, SunFill, Moon, MoonFill, LockOpenFill, Crop, ArticleSlash, Gear, GearFill, Download, FilterCheck, PlayFill, Bookshelf, BookshelfFill, Newbook, NewbookFill, ExclamationmarkBalloon, ExclamationmarkBalloonFill, CrossRectangle, CheckRectangle, PinFill, CommentBan, FaceUnhappy, DiamondTwo, Megaphone, KeyboardDownFill, Articledesign, CircleSlash, Pause, PauseBold, Cards, Cart, CartFill, FreeCircle, FreeCircleFill, ChevronUpTwoBold, ListBookmarkFill, ArrowUpdown, TriangleendLeftBold, TriangleendRightBold, PersonBan, ArrowSubdirectory, ArrowSubdirectoryBold, Ad, Bloggersshop, Creditcard, Paperplane, PaperplaneFill, ShineTwo, Paidplan, DragIndicator, Eraser, EraserFill, HashtagBold, Hashtag, PlusMinus, StarHalf, TopbloggerMedal, Paidmember, } from './Icon';
+import { Youtube, Twitter, Requ, Pigg, Ownd, LineSquare, LineCircle, Koeblog, Instagram, Hatenabookmark, Facebook, Dotmoney, BottomnvavMypageInactive, BottomnavSearchInactive, BottomnavSearchActive, BottomnavMypageActive, BottomnavHomeInactive, BottomnavHomeActive, BottomnavFollowfeedInactive, BottomnavFollowfeedActive, Abematv, Abemakun, Amebapick, X, FabPencilAdd, Accesslink, Accesspage, AccesspageFill, AddressbookFill, AlbumFill, AlbumAddFill, AlignLeft, AllFill, Amegold, Amember, PersonTwoFill, PersonTwoAddFill, PersonTwoDeleteFill, PersonTwoDoneFill, ArrowDown, ArrowDownBold, ArrowLeft, ArrowLeftBold, ArrowRight, ArrowRightBold, ArrowRightCircle, ArrowRightCircleFill, ArrowUp, ArrowUpBold, ArrowpagingDown, ArrowpagingDownCircle, ArrowpagingLeft, ArrowpagingLeftCircle, ArrowpagingRight, ArrowpagingRightCircle, ArrowpagingUp, ArrowpagingUpCircle, Article, Astrogy, AstrogyFill, Bbs, Beginner, Bell, BellFill, BellFillSlash, BellSlash, Blog, Sprout, Book, BookFill, Bookmark, BookmarkFill, Bullets, Calendar, CameraFill, SwitchingCamera, CautionFill, Check, CheckBold, CheckCircle, CheckCircleFill, Checklist, ChevronDown, ChevronDownBold, ChevronLeft, ChevronLeftBold, ChevronRight, ChevronRightBold, ChevronUp, ChevronUpBold, CircleFill, Clock, ClockFill, Coin, Comment, CommentFill, CommentPen, CommentTwoFill, CommentTwoSlashFill, Community, Coupon, CropDin, CropLandscape, Cross, CrossBold, CrossCircle, CrossCircleFill, Dot, FolderTwo, FolderTwoFill, Embed, EmotionFill, EntryLost, Exclamationmark, ExclamationmarkBold, ExclamationmarkCircle, ExclamationmarkCircleFill, Expand, ExpandExit, HandWaveFill, TagOfficialFill, Heart, HeartFill, History, HomeFill, Hot, Htmltag, ImageFill, ImageBanFill, ImageQuestionFill, File, FileAdd, FileAddFill, FileCircle, FileCircleFill, FileFill, Filter, ArrowLeftright, FlagFill, FlagRanking, FlagRankingTrim, FlashAuto, FlashOff, Flash, Folder, FolderFill, Font, Fontstyle, Game, GameFill, Genre, GenreAdd, GenreDone, GraphBar, Gruppo, Information, GameKantan, Kaomoji, Keyboard, KeyboardFill, Link, Loading, LockFill, Magicwand, Mail, MailCheck, MailCircle, MailCircleFill, MailFill, MenuHamburger, MenuHamburgerBold, MenuHorizontal, MenuVertical, Messageboard, Microphone, MicrophoneFill, MovieCameraFill, MoviePlay, MoviePlayFill, MovieStop, MusicFill, New, News, Nice, NiceDone, Nodate, Now, Officialstar, OfficialstarFill, OnedariFill, OpenCl, Openblank, OpenblankFill, PaletteFill, Pencil, PencilAdd, PencilBold, Person, PersonFill, PersonThreeFill, Peta, PlayCircle, Plus, PlusBold, PlusCircle, PlusCircleFill, PremiumFill, Present, Profilecard, Qr, Question, QuestionmarkCircle, QuestionmarkCircleFill, RankingCrown, RankingCrownFill, RankingPlatformFill, Reblog, ReblogSlash, Refresh, ReplyFill, ReplyCircleFill, MenuHamburgerFourline, Sad, Saveblog, ScreenFull, ScreenInline, Search, Service, Share, ShineFill, SidefaceClose, SidefaceOpen, Smartphone, SmartphoneFill, Sort, SortFeed, SortTile, SpeakerOffFill, SpeakerOnFill, StarFaceFill, Stampside, Star, StarFill, StopFill, Switching, StarCircleFill, TagFill, TranscriptOff, TranscriptOn, Transmission, Trashcan, Trend, TrendFill, TriangleDown, TriangleLeft, TriangleRight, TriangleUp, TrianglearrowDown, TrianglearrowDownright, TrianglearrowRight, TrianglearrowUp, TrianglearrowUpright, TriangleendLeft, TriangleendRight, TrophyFill, TvFill, Webview, TopbloggerRibbon, ImageAddFill, RedoDeprecated, Undo, UndoDeprecated, Redo, RedoBoldDeprecated, UndoBold, UndoBoldDeprecated, RedoBold, Title, Bold, Italic, Strikethrough, Underline, ListNumbered, ListBulleted, AlignCenter, AlignRight, Border, Thumbsup, ThumbsupFill, Amebacoin, Baby, Compass, Dice, Shirt, Flowervase, Cutlery, Pawprint, Wallet, ImageFillSlash, Calendardaily, Beginnermark, Circle, CircleBold, Minus, MinusBold, Sun, SunFill, Moon, MoonFill, LockOpenFill, Crop, ArticleSlash, Gear, GearFill, Download, FilterCheck, PlayFill, Bookshelf, BookshelfFill, Newbook, NewbookFill, ExclamationmarkBalloon, ExclamationmarkBalloonFill, CrossRectangle, CheckRectangle, PinFill, CommentBan, FaceUnhappy, DiamondTwo, Megaphone, KeyboardDownFill, Articledesign, CircleSlash, Pause, PauseBold, Cards, Cart, CartFill, FreeCircle, FreeCircleFill, ChevronUpTwoBold, ListBookmarkFill, ArrowUpdown, TriangleendLeftBold, TriangleendRightBold, PersonBan, ArrowSubdirectory, ArrowSubdirectoryBold, Ad, Bloggersshop, Creditcard, Paperplane, PaperplaneFill, ShineTwo, Paidplan, DragIndicator, Eraser, EraserFill, HashtagBold, Hashtag, PlusMinus, StarHalf, TopbloggerMedal, Paidmember, } from "./Icon/index.mjs";
 figma.connect(Youtube, 'https://www.figma.com/design/G445fTskctZn7y3gkmSp8xaT/icon?node-id=4327-3344', { imports: ["import { Youtube } from '@openameba/spindle-ui/Icon';"] });
 figma.connect(Twitter, 'https://www.figma.com/design/G445fTskctZn7y3gkmSp8xaT/icon?node-id=4327-3325', { imports: ["import { Twitter } from '@openameba/spindle-ui/Icon';"] });
 figma.connect(Requ, 'https://www.figma.com/design/G445fTskctZn7y3gkmSp8xaT/icon?node-id=4327-3330', { imports: ["import { Requ } from '@openameba/spindle-ui/Icon';"] });

package/index.mjs

@@ -1,18 +1,18 @@
-export { BreadcrumbItem, BreadcrumbList } from './Breadcrumb';
-export { Button } from './Button';
-export { ButtonGroup } from './ButtonGroup';
-export { Dialog } from './Dialog';
-import * as Form_1 from './Form';
+export { BreadcrumbItem, BreadcrumbList } from "./Breadcrumb/index.mjs";
+export { Button } from "./Button/index.mjs";
+export { ButtonGroup } from "./ButtonGroup/index.mjs";
+export { Dialog } from "./Dialog/index.mjs";
+import * as Form_1 from "./Form/index.mjs";
 export { Form_1 as Form };
-import * as Icon_1 from './Icon';
+import * as Icon_1 from "./Icon/index.mjs";
 export { Icon_1 as Icon };
-export { HeroCarousel } from './HeroCarousel';
-export { IconButton } from './IconButton';
-export { LinkButton } from './LinkButton';
-export { TextButton } from './TextButton';
-export { TextLink } from './TextLink';
-export { Toast } from './Toast';
-export { DropdownMenu } from './DropdownMenu';
-export { SnackBar } from './SnackBar';
-export { InlineNotification } from './InlineNotification';
-export { SegmentedControl } from './SegmentedControl';
+export { HeroCarousel } from "./HeroCarousel/index.mjs";
+export { IconButton } from "./IconButton/index.mjs";
+export { LinkButton } from "./LinkButton/index.mjs";
+export { TextButton } from "./TextButton/index.mjs";
+export { TextLink } from "./TextLink/index.mjs";
+export { Toast } from "./Toast/index.mjs";
+export { DropdownMenu } from "./DropdownMenu/index.mjs";
+export { SnackBar } from "./SnackBar/index.mjs";
+export { InlineNotification } from "./InlineNotification/index.mjs";
+export { SegmentedControl } from "./SegmentedControl/index.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openameba/spindle-ui",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -32,6 +32,7 @@
     "build:script:esm": "run-s build:script:esm:*",
     "build:script:esm:js": "tsc -p tsconfig.esm.json",
     "build:script:esm:rename": "npx renamer --find js --replace mjs 'dist/**'",
+    "build:script:esm:extensionReplace": "jscodeshift -t ../../bin/outputExtensionReplace.js dist/** --extensions=mjs",
     "build:style": "postcss src/**/*.css src/*.css --base src -d dist/",
     "preicon": "npx rimraf 'src/Icon/!(*.stories).tsx' && npx cpx '../spindle-icons/dist/svg/!(sprite).svg' icon-tmp",
     "icon": "run-s icon:react icon:connect",
@@ -58,7 +59,7 @@
     }
   },
   "dependencies": {
-    "@openameba/spindle-hooks": "^1.4.0",
+    "@openameba/spindle-hooks": "^1.4.1",
     "ameba-color-palette.css": "^4.9.0",
     "react-merge-refs": "^1.1.0"
   },
@@ -110,5 +111,5 @@
     "ts-jest": "29.2.5",
     "webpack": "^5.73.0"
   },
-  "gitHead": "544ffa8613140f37cbabcb7d15fe52905e81d74f"
+  "gitHead": "6f3d24e58bd39e0bf145b9a55833f088163a7618"
 }