@k8ordo/ui 1.0.0

package/dist/components/icons/lucide.mjs

@@ -0,0 +1,256 @@
+import { BaseIcon } from "./base.mjs";
+import { Accessibility, AlignRight, Angry, Annoyed, Atom, Bell, Blend, BookOpenText, BookText, Bookmark, Bot, BotMessageSquare, Calendar, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleAlert, CircleCheck, ClipboardPenLine, Clock, CodeXml, Contrast, Droplets, ExternalLink, Eye, EyeOff, FlaskConical, GitFork, History, Info, Laugh, Lightbulb, Link, List, ListMinus, Lock, LockOpen, Mail, MapPin, Maximize, Minus, MoonStar, Package, PaintBucket, Palette, Plus, Presentation, RefreshCw, Rocket, Rss, Send, ShieldCheck, Smile, Sparkles, Squircle, Sun, Table2, Tag, ThumbsDown, ThumbsUp, TriangleAlert, X } from "./lucide-imports.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/icons/lucide.tsx
+const CHEVRON_BY_DIRECTION = {
+	up: ChevronUp,
+	down: ChevronDown,
+	left: ChevronLeft,
+	right: ChevronRight
+};
+const ChevronIcon = ({ direction, size = "md" }) => {
+	const Chevron = CHEVRON_BY_DIRECTION[direction];
+	return /* @__PURE__ */ jsx(BaseIcon, {
+		renderItem: (props) => /* @__PURE__ */ jsx(Chevron, { ...props }),
+		size
+	});
+};
+const CloseIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(X, { ...props }),
+	size
+});
+const CodeXmlIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(CodeXml, { ...props }),
+	size
+});
+const CheckIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Check, { ...props }),
+	size
+});
+const ALERT_BY_STATUS = {
+	success: CircleCheck,
+	info: Info,
+	warning: TriangleAlert,
+	error: CircleAlert
+};
+const AlertIcon = ({ status, size = "md" }) => {
+	const Alert = ALERT_BY_STATUS[status];
+	return /* @__PURE__ */ jsx(BaseIcon, {
+		renderItem: (props) => /* @__PURE__ */ jsx(Alert, { ...props }),
+		size
+	});
+};
+const LinkIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Link, { ...props }),
+	size
+});
+const ExternalLinkIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(ExternalLink, { ...props }),
+	size
+});
+const BlogIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(BookText, { ...props }),
+	size
+});
+const SlideIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Presentation, { ...props }),
+	size
+});
+const TagIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Tag, { ...props }),
+	size
+});
+const LocationIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(MapPin, { ...props }),
+	size
+});
+const FormIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(ListMinus, { ...props }),
+	size
+});
+const TableIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Table2, { ...props }),
+	size
+});
+const CopyIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(ClipboardPenLine, { ...props }),
+	size
+});
+const PublishDateIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Calendar, { ...props }),
+	size
+});
+const UpdateDateIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Clock, { ...props }),
+	size
+});
+const MixedColorIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Blend, { ...props }),
+	size
+});
+const ColorInfoIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(PaintBucket, { ...props }),
+	size
+});
+const ColorContrastIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Contrast, { ...props }),
+	size
+});
+const NewsIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Bell, { ...props }),
+	size
+});
+const SubscribeIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Bookmark, { ...props }),
+	size
+});
+const PrepareIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Rocket, { ...props }),
+	size
+});
+const SendIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Send, { ...props }),
+	size
+});
+const MailIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Mail, { ...props }),
+	size
+});
+const PlusIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Plus, { ...props }),
+	size
+});
+const MinusIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Minus, { ...props }),
+	size
+});
+const DarkModeIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(MoonStar, { ...props }),
+	size
+});
+const LightModeIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Sun, { ...props }),
+	size
+});
+const ViewIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Eye, { ...props }),
+	size
+});
+const ViewOffIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(EyeOff, { ...props }),
+	size
+});
+const AIIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Bot, { ...props }),
+	size
+});
+const AssistantIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(BotMessageSquare, { ...props }),
+	size
+});
+const RSSIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Rss, { ...props }),
+	size
+});
+const HistoryIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(History, { ...props }),
+	size
+});
+const RefreshIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(RefreshCw, { ...props }),
+	size
+});
+const ListIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(List, { ...props }),
+	size
+});
+const NavigationMenuIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(AlignRight, { ...props }),
+	size
+});
+const GoodIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(ThumbsUp, { ...props }),
+	size
+});
+const BadIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(ThumbsDown, { ...props }),
+	size
+});
+const InterestingIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Smile, { ...props }),
+	size
+});
+const BoringIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Annoyed, { ...props }),
+	size
+});
+const InformativeIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Lightbulb, { ...props }),
+	size
+});
+const ShallowIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Droplets, { ...props }),
+	size
+});
+const EasyIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Laugh, { ...props }),
+	size
+});
+const DifficultIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Angry, { ...props }),
+	size
+});
+const AtomIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Atom, { ...props }),
+	size
+});
+const PaletteIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Palette, { ...props }),
+	size
+});
+const ShieldCheckIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(ShieldCheck, { ...props }),
+	size
+});
+const AccessibilityIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Accessibility, { ...props }),
+	size
+});
+const SparklesIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Sparkles, { ...props }),
+	size
+});
+const HorizontalWritingIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(BookOpenText, { ...props }),
+	size
+});
+const SquircleIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Squircle, { ...props }),
+	size
+});
+const FlaskIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(FlaskConical, { ...props }),
+	size
+});
+const PackageIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Package, { ...props }),
+	size
+});
+const ForkIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(GitFork, { ...props }),
+	size
+});
+const FullscreenIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Maximize, { ...props }),
+	size
+});
+const LockIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Lock, { ...props }),
+	size
+});
+const LockOpenIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(LockOpen, { ...props }),
+	size
+});
+//#endregion
+export { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, RefreshIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon };

package/dist/components/icons/qiita.d.mts

@@ -0,0 +1,6 @@
+import { BaseIconProps } from "./base.mjs";
+import { FC } from "react";
+//#region src/components/icons/qiita.d.ts
+declare const QiitaIcon: FC<Partial<BaseIconProps>>;
+//#endregion
+export { QiitaIcon };

package/dist/components/icons/qiita.mjs

@@ -0,0 +1,28 @@
+import { BaseIcon } from "./base.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/icons/qiita.tsx
+const Qiita = ({ className, ...rest }) => /* @__PURE__ */ jsxs("svg", {
+	className,
+	...rest,
+	enableBackground: "new 0 0 300 300",
+	version: "1.1",
+	viewBox: "0 0 300 300",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [/* @__PURE__ */ jsx("path", {
+		d: "\nM170.00,301.00 \n	C155.98,301.00 141.96,301.00 127.35,300.63 \n	C126.24,299.87 125.76,299.21 125.20,299.13 \n	C106.99,296.55 90.22,289.99 74.41,280.79 \n	C57.08,270.70 42.21,257.64 30.40,241.57 \n	C17.26,223.68 7.53,204.01 3.83,181.76 \n	C3.44,179.42 1.97,177.25 1.00,175.00 \n	C1.00,159.31 1.00,143.62 1.37,127.35 \n	C2.16,125.91 2.75,125.10 2.96,124.21 \n	C4.27,118.70 5.15,113.07 6.79,107.67 \n	C14.92,80.92 29.17,58.11 50.06,39.28 \n	C66.69,24.30 85.52,13.55 106.81,7.03 \n	C114.44,4.70 122.26,2.99 130.00,1.00 \n	C144.35,1.00 158.71,1.00 173.67,1.36 \n	C175.17,2.13 176.02,2.66 176.95,2.92 \n	C186.59,5.62 196.44,7.73 205.85,11.06 \n	C232.83,20.58 254.47,37.78 271.49,60.35 \n	C284.87,78.08 294.49,97.92 298.16,120.22 \n	C298.55,122.58 300.03,124.75 301.00,127.00 \n	C301.00,127.00 301.00,127.50 300.67,127.85 \n	C300.56,129.13 300.78,130.07 301.00,131.00 \n	C301.00,145.35 301.00,159.71 300.63,174.65 \n	C299.17,179.59 298.12,183.95 296.99,188.29 \n	C293.93,200.06 289.71,211.37 283.83,222.00 \n	C274.89,218.56 269.44,218.19 260.01,219.87 \n	C258.35,220.17 256.09,220.08 254.83,219.16 \n	C245.13,212.12 238.85,205.04 243.48,192.58 \n	C246.15,185.39 247.37,177.40 247.77,169.69 \n	C248.16,162.24 246.97,154.64 245.95,147.17 \n	C243.29,127.59 235.48,110.16 223.22,94.68 \n	C221.02,91.91 217.97,89.20 217.25,86.02 \n	C216.02,80.64 216.26,74.90 216.03,69.31 \n	C215.88,65.65 216.19,61.96 215.96,58.31 \n	C215.47,50.74 210.89,48.36 204.49,52.19 \n	C199.48,55.18 194.13,57.74 189.57,61.31 \n	C185.80,64.26 182.76,63.56 178.91,62.05 \n	C163.35,55.96 147.25,55.54 131.04,58.51 \n	C117.56,60.98 105.90,67.68 94.50,74.96 \n	C92.48,76.25 89.34,76.72 86.93,76.31 \n	C80.88,75.27 74.98,73.40 68.98,72.08 \n	C63.87,70.96 60.62,74.59 61.90,79.73 \n	C62.92,83.81 63.68,87.98 65.00,91.96 \n	C68.00,100.99 67.47,108.98 62.43,117.71 \n	C56.07,128.72 53.74,141.57 53.23,154.22 \n	C52.79,165.18 53.42,176.38 55.23,187.20 \n	C57.65,201.60 63.63,214.93 73.51,225.90 \n	C90.29,244.49 112.10,252.72 136.56,253.81 \n	C147.36,254.29 158.27,252.89 169.10,251.95 \n	C181.31,250.87 193.16,247.93 203.90,241.91 \n	C211.07,237.88 217.72,232.91 223.48,229.10 \n	C228.86,234.44 233.77,240.46 239.81,244.96 \n	C245.72,249.37 252.79,252.22 259.77,255.97 \n	C254.96,260.09 249.64,264.89 244.07,269.38 \n	C228.58,281.87 211.13,290.65 191.99,295.95 \n	C184.75,297.95 177.34,299.33 170.00,301.00 \nz",
+		fill: "#55C500",
+		opacity: "1.00",
+		stroke: "none"
+	}), /* @__PURE__ */ jsx("path", {
+		d: "\nM201.23,166.28 \n	C189.03,176.10 175.09,180.47 160.14,181.96 \n	C150.82,182.88 141.43,184.14 132.12,183.81 \n	C118.49,183.33 105.09,180.78 94.96,170.37 \n	C86.98,162.16 83.84,151.87 83.87,140.38 \n	C79.76,142.15 75.81,143.84 71.86,145.53 \n	C71.43,145.03 70.99,144.53 70.56,144.04 \n	C71.61,142.71 72.39,140.92 73.75,140.17 \n	C76.27,138.78 79.26,138.24 81.79,136.87 \n	C83.04,136.19 83.71,134.45 85.18,132.44 \n	C79.51,132.44 75.18,132.44 70.38,132.44 \n	C70.30,131.77 70.16,130.61 70.02,129.51 \n	C75.18,127.89 81.27,130.22 85.99,124.27 \n	C81.13,123.77 77.32,123.37 73.50,123.00 \n	C70.70,122.73 68.22,122.20 69.41,117.91 \n	C73.09,118.51 76.74,119.06 80.36,119.73 \n	C83.67,120.33 85.66,120.26 87.22,116.06 \n	C96.19,91.86 113.31,77.04 139.13,73.01 \n	C162.04,69.44 181.37,76.33 196.90,93.51 \n	C199.93,96.87 202.45,100.74 204.79,104.63 \n	C206.07,106.76 206.94,107.32 209.40,106.38 \n	C212.69,105.12 216.24,104.44 219.73,103.80 \n	C220.98,103.58 222.38,104.19 223.71,104.42 \n	C223.71,104.86 223.71,105.29 223.72,105.72 \n	C218.54,107.58 213.36,109.43 208.00,111.35 \n	C212.07,119.52 219.17,110.88 224.17,115.11 \n	C221.41,120.75 214.59,115.81 211.18,119.90 \n	C211.36,123.79 214.46,123.98 217.68,124.37 \n	C220.48,124.71 223.23,125.53 226.13,126.17 \n	C224.53,129.57 224.53,129.57 212.76,127.41 \n	C214.08,141.79 212.91,155.47 201.23,166.28 \nz",
+		fill: "#55C500",
+		opacity: "1.00",
+		stroke: "none"
+	})]
+});
+const QiitaIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Qiita, { ...props }),
+	size
+});
+//#endregion
+export { QiitaIcon };

package/dist/components/icons/twitter.d.mts

@@ -0,0 +1,6 @@
+import { BaseIconProps } from "./base.mjs";
+import { FC } from "react";
+//#region src/components/icons/twitter.d.ts
+declare const TwitterIcon: FC<Partial<BaseIconProps>>;
+//#endregion
+export { TwitterIcon };

package/dist/components/icons/twitter.mjs

@@ -0,0 +1,20 @@
+import { BaseIcon } from "./base.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/icons/twitter.tsx
+const Twitter = ({ className, ...rest }) => /* @__PURE__ */ jsx("svg", {
+	className,
+	...rest,
+	fill: "none",
+	viewBox: "0 0 1200 1227",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ jsx("path", {
+		className: "fill-fg-base",
+		d: "M714.16 519.28L1160.89 0H1055.03L667.14 450.89L357.33 0H0L468.49 681.82L0 1226.37H105.87L515.49 750.22L842.67 1226.37H1200L714.14 519.28H714.16ZM569.16 687.83L521.70 619.93L144.01 79.69H306.62L611.41 515.68L658.88 583.58L1055.08 1150.3H892.48L569.16 687.85V687.83Z"
+	})
+});
+const TwitterIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(Twitter, { ...props }),
+	size
+});
+//#endregion
+export { TwitterIcon };

package/dist/components/icons/vertical-writing.d.mts

@@ -0,0 +1,6 @@
+import { BaseIconProps } from "./base.mjs";
+import { FC } from "react";
+//#region src/components/icons/vertical-writing.d.ts
+declare const VerticalWritingIcon: FC<Partial<BaseIconProps>>;
+//#endregion
+export { VerticalWritingIcon };

package/dist/components/icons/vertical-writing.mjs

@@ -0,0 +1,26 @@
+import { BaseIcon } from "./base.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/icons/vertical-writing.tsx
+const VerticalWriting = ({ className, ...rest }) => /* @__PURE__ */ jsxs("svg", {
+	className,
+	...rest,
+	fill: "none",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "2",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [
+		/* @__PURE__ */ jsx("path", { d: "M12 7v14" }),
+		/* @__PURE__ */ jsx("path", { d: "M17 8v4" }),
+		/* @__PURE__ */ jsx("path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" }),
+		/* @__PURE__ */ jsx("path", { d: "M7 8v4" })
+	]
+});
+const VerticalWritingIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(VerticalWriting, { ...props }),
+	size
+});
+//#endregion
+export { VerticalWritingIcon };

package/dist/components/index.d.mts

@@ -0,0 +1,106 @@
+import { Button } from "./buttons/button/button.mjs";
+import "./buttons/button/index.mjs";
+import { Tooltip, TooltipTriggerProps } from "./overlays/tooltip/tooltip.mjs";
+import "./overlays/tooltip/index.mjs";
+import { IconButton, IconButtonTriggerProps } from "./buttons/icon-button/icon-button.mjs";
+import "./buttons/icon-button/index.mjs";
+import { Accordion } from "./data-display/accordion/index.mjs";
+import { Avatar } from "./data-display/avatar/avatar.mjs";
+import "./data-display/avatar/index.mjs";
+import { Badge } from "./data-display/badge/badge.mjs";
+import "./data-display/badge/index.mjs";
+import { Card } from "./data-display/card/card.mjs";
+import "./data-display/card/index.mjs";
+import { Code } from "./data-display/code/code.mjs";
+import "./data-display/code/index.mjs";
+import { Heading } from "./data-display/heading/heading.mjs";
+import "./data-display/heading/index.mjs";
+import { CellAlign, Table } from "./data-display/table/table.mjs";
+import "./data-display/table/index.mjs";
+import { Alert, AlertAction } from "./feedback/alert/alert.mjs";
+import "./feedback/alert/index.mjs";
+import { Progress } from "./feedback/progress/progress.mjs";
+import "./feedback/progress/index.mjs";
+import { Skeleton } from "./feedback/skeleton/skeleton.mjs";
+import "./feedback/skeleton/index.mjs";
+import { Spinner } from "./feedback/spinner/spinner.mjs";
+import "./feedback/spinner/index.mjs";
+import { ToastAction, ToastOptions, useToast } from "./feedback/toast/context.mjs";
+import { ToastProvider } from "./feedback/toast/provider.mjs";
+import "./feedback/toast/index.mjs";
+import { Autocomplete } from "./form/autocomplete/autocomplete.mjs";
+import "./form/autocomplete/index.mjs";
+import { CheckboxCard, CheckboxCardOption } from "./form/checkbox-card/checkbox-card.mjs";
+import "./form/checkbox-card/index.mjs";
+import { CheckboxGroup } from "./form/checkbox-group/index.mjs";
+import { Checkbox } from "./form/checkbox/checkbox.mjs";
+import "./form/checkbox/index.mjs";
+import { FileField } from "./form/file-field/file-field.mjs";
+import "./form/file-field/index.mjs";
+import { FormControl } from "./form/form-control/form-control.mjs";
+import "./form/form-control/index.mjs";
+import { Form } from "./form/form/form.mjs";
+import "./form/form/index.mjs";
+import { NumberField } from "./form/number-field/number-field.mjs";
+import "./form/number-field/index.mjs";
+import { PasswordInput } from "./form/password-input/password-input.mjs";
+import "./form/password-input/index.mjs";
+import { RadioCard, RadioCardOption } from "./form/radio-card/radio-card.mjs";
+import "./form/radio-card/index.mjs";
+import { Radio } from "./form/radio/radio.mjs";
+import "./form/radio/index.mjs";
+import { Select } from "./form/select/select.mjs";
+import "./form/select/index.mjs";
+import { Slider } from "./form/slider/slider.mjs";
+import "./form/slider/index.mjs";
+import { Switch } from "./form/switch/switch.mjs";
+import "./form/switch/index.mjs";
+import { TextField } from "./form/text-field/text-field.mjs";
+import "./form/text-field/index.mjs";
+import { Textarea } from "./form/textarea/textarea.mjs";
+import "./form/textarea/index.mjs";
+import { BaseIconProps, IconRenderProps } from "./icons/base.mjs";
+import { ChromeIcon, EdgeIcon, FirefoxIcon, SafariIcon } from "./icons/browsers.mjs";
+import { ColorScaleIcon } from "./icons/color-scale.mjs";
+import { GitHubIcon } from "./icons/github-mark.mjs";
+import { Logo, LogoIcon } from "./icons/logo.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, RefreshIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./icons/lucide.mjs";
+import { QiitaIcon } from "./icons/qiita.mjs";
+import { TwitterIcon } from "./icons/twitter.mjs";
+import { VerticalWritingIcon } from "./icons/vertical-writing.mjs";
+import "./icons/index.mjs";
+import { GapSize } from "./layout/_shared/gap.mjs";
+import { PaddingSize } from "./layout/_shared/padding.mjs";
+import { Grid, GridProps } from "./layout/grid/grid.mjs";
+import "./layout/grid/index.mjs";
+import { ScrollLinked } from "./layout/scroll-linked/scroll-linked.mjs";
+import "./layout/scroll-linked/index.mjs";
+import { Separator } from "./layout/separator/separator.mjs";
+import "./layout/separator/index.mjs";
+import { Stack, StackProps } from "./layout/stack/stack.mjs";
+import "./layout/stack/index.mjs";
+import { Anchor } from "./navigation/anchor/anchor.mjs";
+import "./navigation/anchor/index.mjs";
+import { Breadcrumb } from "./navigation/breadcrumb/index.mjs";
+import { Pagination } from "./navigation/pagination/pagination.mjs";
+import "./navigation/pagination/index.mjs";
+import { Tabs } from "./navigation/tabs/tabs.mjs";
+import "./navigation/tabs/index.mjs";
+import { Dialog } from "./overlays/dialog/dialog.mjs";
+import "./overlays/dialog/index.mjs";
+import { Drawer } from "./overlays/drawer/drawer.mjs";
+import "./overlays/drawer/index.mjs";
+import { DropdownMenu } from "./overlays/dropdown-menu/dropdown-menu.mjs";
+import "./overlays/dropdown-menu/index.mjs";
+import { ListBox } from "./overlays/list-box/list-box.mjs";
+import "./overlays/list-box/index.mjs";
+import { Modal } from "./overlays/modal/modal.mjs";
+import "./overlays/modal/index.mjs";
+import { PopoverContentProps, PopoverTriggerProps } from "./overlays/popover/hooks.mjs";
+import { Popover } from "./overlays/popover/popover.mjs";
+import "./overlays/popover/index.mjs";
+import { Messages } from "../i18n/messages.mjs";
+import { UIProvider } from "./providers/ui-provider.mjs";
+import { PortalRootProvider, usePortalRoot } from "./providers/portal-root.mjs";
+import "./providers/index.mjs";
+export { AIIcon, AccessibilityIcon, Accordion, Alert, type AlertAction, AlertIcon, Anchor, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, type BaseIconProps, BlogIcon, BoringIcon, Breadcrumb, Button, Card, type CellAlign, CheckIcon, Checkbox, CheckboxCard, type CheckboxCardOption, CheckboxGroup, ChevronIcon, ChromeIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, EdgeIcon, ExternalLinkIcon, FileField, FirefoxIcon, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, type GapSize, GitHubIcon, GoodIcon, Grid, type GridProps, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, type IconButtonTriggerProps, type IconRenderProps, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, type Messages, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, type PaddingSize, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, type PopoverContentProps, type PopoverTriggerProps, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, type RadioCardOption, RefreshIcon, SafariIcon, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, type StackProps, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, type ToastAction, type ToastOptions, ToastProvider, Tooltip, type TooltipTriggerProps, TwitterIcon, UIProvider, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, usePortalRoot, useToast };

package/dist/components/index.mjs

@@ -0,0 +1,57 @@
+import { Spinner } from "./feedback/spinner/spinner.mjs";
+import { Button } from "./buttons/button/button.mjs";
+import { Popover } from "./overlays/popover/popover.mjs";
+import { Tooltip } from "./overlays/tooltip/tooltip.mjs";
+import { IconButton } from "./buttons/icon-button/icon-button.mjs";
+import { ChromeIcon, EdgeIcon, FirefoxIcon, SafariIcon } from "./icons/browsers.mjs";
+import { ColorScaleIcon } from "./icons/color-scale.mjs";
+import { GitHubIcon } from "./icons/github-mark.mjs";
+import { Logo, LogoIcon } from "./icons/logo.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, RefreshIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./icons/lucide.mjs";
+import { QiitaIcon } from "./icons/qiita.mjs";
+import { TwitterIcon } from "./icons/twitter.mjs";
+import { VerticalWritingIcon } from "./icons/vertical-writing.mjs";
+import { Accordion } from "./data-display/accordion/index.mjs";
+import { Avatar } from "./data-display/avatar/avatar.mjs";
+import { Badge } from "./data-display/badge/badge.mjs";
+import { Card } from "./data-display/card/card.mjs";
+import { Code } from "./data-display/code/code.mjs";
+import { Heading } from "./data-display/heading/heading.mjs";
+import { Table } from "./data-display/table/table.mjs";
+import { Alert } from "./feedback/alert/alert.mjs";
+import { Progress } from "./feedback/progress/progress.mjs";
+import { Skeleton } from "./feedback/skeleton/skeleton.mjs";
+import { useToast } from "./feedback/toast/context.mjs";
+import { ToastProvider } from "./feedback/toast/provider.mjs";
+import { Autocomplete } from "./form/autocomplete/autocomplete.mjs";
+import { Checkbox } from "./form/checkbox/checkbox.mjs";
+import { CheckboxCard } from "./form/checkbox-card/checkbox-card.mjs";
+import { CheckboxGroup } from "./form/checkbox-group/index.mjs";
+import { FileField } from "./form/file-field/file-field.mjs";
+import { Form } from "./form/form/form.mjs";
+import { FormControl } from "./form/form-control/form-control.mjs";
+import { NumberField } from "./form/number-field/number-field.mjs";
+import { PasswordInput } from "./form/password-input/password-input.mjs";
+import { Radio } from "./form/radio/radio.mjs";
+import { RadioCard } from "./form/radio-card/radio-card.mjs";
+import { Select } from "./form/select/select.mjs";
+import { Slider } from "./form/slider/slider.mjs";
+import { Switch } from "./form/switch/switch.mjs";
+import { TextField } from "./form/text-field/text-field.mjs";
+import { Textarea } from "./form/textarea/textarea.mjs";
+import { Grid } from "./layout/grid/grid.mjs";
+import { ScrollLinked } from "./layout/scroll-linked/scroll-linked.mjs";
+import { Separator } from "./layout/separator/separator.mjs";
+import { Stack } from "./layout/stack/stack.mjs";
+import { Anchor } from "./navigation/anchor/anchor.mjs";
+import { Breadcrumb } from "./navigation/breadcrumb/index.mjs";
+import { Pagination } from "./navigation/pagination/pagination.mjs";
+import { Tabs } from "./navigation/tabs/tabs.mjs";
+import { Dialog } from "./overlays/dialog/dialog.mjs";
+import { UIProvider } from "./providers/ui-provider.mjs";
+import { PortalRootProvider, usePortalRoot } from "./providers/portal-root.mjs";
+import { Modal } from "./overlays/modal/modal.mjs";
+import { Drawer } from "./overlays/drawer/drawer.mjs";
+import { DropdownMenu } from "./overlays/dropdown-menu/dropdown-menu.mjs";
+import { ListBox } from "./overlays/list-box/list-box.mjs";
+export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, ChromeIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, EdgeIcon, ExternalLinkIcon, FileField, FirefoxIcon, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, RefreshIcon, SafariIcon, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UIProvider, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, usePortalRoot, useToast };

package/dist/components/layout/_shared/gap.d.mts

@@ -0,0 +1,11 @@
+//#region src/components/layout/_shared/gap.d.ts
+type GapSize = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+declare const GAP_CLASS: {
+  readonly none: 'gap-0';
+  readonly sm: 'gap-2';
+  readonly md: 'gap-4';
+  readonly lg: 'gap-6';
+  readonly xl: 'gap-8';
+};
+//#endregion
+export { GAP_CLASS, GapSize };

package/dist/components/layout/_shared/gap.mjs

@@ -0,0 +1,10 @@
+//#region src/components/layout/_shared/gap.ts
+const GAP_CLASS = {
+	none: "gap-0",
+	sm: "gap-2",
+	md: "gap-4",
+	lg: "gap-6",
+	xl: "gap-8"
+};
+//#endregion
+export { GAP_CLASS };

package/dist/components/layout/_shared/padding.d.mts

@@ -0,0 +1,11 @@
+//#region src/components/layout/_shared/padding.d.ts
+type PaddingSize = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+declare const PADDING_CLASS: {
+  readonly none: 'p-0';
+  readonly sm: 'p-2';
+  readonly md: 'p-4';
+  readonly lg: 'p-6';
+  readonly xl: 'p-8';
+};
+//#endregion
+export { PADDING_CLASS, PaddingSize };

package/dist/components/layout/_shared/padding.mjs

@@ -0,0 +1,10 @@
+//#region src/components/layout/_shared/padding.ts
+const PADDING_CLASS = {
+	none: "p-0",
+	sm: "p-2",
+	md: "p-4",
+	lg: "p-6",
+	xl: "p-8"
+};
+//#endregion
+export { PADDING_CLASS };

package/dist/components/layout/grid/grid.d.mts

@@ -0,0 +1,16 @@
+import { GapSize } from "../_shared/gap.mjs";
+import { FC, HTMLAttributes, PropsWithChildren } from "react";
+//#region src/components/layout/grid/grid.d.ts
+type GridProps = PropsWithChildren<{
+  /**
+   * 列数。`1`〜`6` の固定列、`'auto-fill'` / `'auto-fit'` の自動列を選べる。
+   * 自動列の場合は `minItemSize` で各セルの最小幅（Tailwind spacing 単位）を指定する。
+   */
+  cols?: 1 | 2 | 3 | 4 | 5 | 6 | 'auto-fill' | 'auto-fit';
+  /** `cols` が `auto-fill` / `auto-fit` のときの各セルの最小サイズ（Tailwind spacing）。 */
+  minItemSize?: 24 | 32 | 40 | 48 | 64 | 80;
+  gap?: GapSize;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>>;
+declare const Grid: FC<GridProps>;
+//#endregion
+export { Grid, GridProps };

package/dist/components/layout/grid/grid.mjs

@@ -0,0 +1,35 @@
+import { cn } from "../../../helpers/cn.mjs";
+import { GAP_CLASS } from "../_shared/gap.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/layout/grid/grid.tsx
+const COLS_CLASS = {
+	1: "grid-cols-1",
+	2: "grid-cols-2",
+	3: "grid-cols-3",
+	4: "grid-cols-4",
+	5: "grid-cols-5",
+	6: "grid-cols-6"
+};
+const AUTO_FILL_CLASS = {
+	24: "grid-cols-auto-fill-24",
+	32: "grid-cols-auto-fill-32",
+	40: "grid-cols-auto-fill-40",
+	48: "grid-cols-auto-fill-48",
+	64: "grid-cols-auto-fill-64",
+	80: "grid-cols-auto-fill-80"
+};
+const AUTO_FIT_CLASS = {
+	24: "grid-cols-auto-fit-24",
+	32: "grid-cols-auto-fit-32",
+	40: "grid-cols-auto-fit-40",
+	48: "grid-cols-auto-fit-48",
+	64: "grid-cols-auto-fit-64",
+	80: "grid-cols-auto-fit-80"
+};
+const Grid = ({ cols = "auto-fill", minItemSize = 48, gap = "md", children, ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: cn("grid", GAP_CLASS[gap], typeof cols === "number" ? COLS_CLASS[cols] : cols === "auto-fill" ? AUTO_FILL_CLASS[minItemSize] : AUTO_FIT_CLASS[minItemSize]),
+	children
+});
+//#endregion
+export { Grid };

package/dist/components/layout/grid/index.d.mts

@@ -0,0 +1,2 @@
+import { Grid, GridProps } from "./grid.mjs";
+export { Grid, type GridProps };

package/dist/components/layout/grid/index.mjs

@@ -0,0 +1,2 @@
+import { Grid } from "./grid.mjs";
+export { Grid };

package/dist/components/layout/scroll-linked/index.d.mts

@@ -0,0 +1,2 @@
+import { ScrollLinked } from "./scroll-linked.mjs";
+export { ScrollLinked };