@k8ordo/ui 1.0.0 → 2.1.0

package/dist/components/icons/twitter.css

@@ -0,0 +1,9 @@
+@layer properties, theme, base;
+
+@layer components {
+  .SYlSna_mark {
+    fill: var(--color-fg-base);
+  }
+}
+
+@layer utilities;

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

@@ -1,6 +1,5 @@
 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 };
+export declare const TwitterIcon: FC<Partial<BaseIconProps>>;
+//#endregion

package/dist/components/icons/twitter.mjs

@@ -1,4 +1,5 @@
 import { BaseIcon } from "./base.mjs";
+import twitter_module_default from "./twitter.module.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/icons/twitter.tsx
 const Twitter = ({ className, ...rest }) => /* @__PURE__ */ jsx("svg", {
@@ -8,7 +9,7 @@ const Twitter = ({ className, ...rest }) => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 1200 1227",
 	xmlns: "http://www.w3.org/2000/svg",
 	children: /* @__PURE__ */ jsx("path", {
-		className: "fill-fg-base",
+		className: twitter_module_default.mark,
 		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"
 	})
 });

package/dist/components/icons/twitter.module.mjs

@@ -0,0 +1,5 @@
+import './twitter.css';
+//#region src/components/icons/twitter.module.css
+var twitter_module_default = { "mark": "SYlSna_mark" };
+//#endregion
+export { twitter_module_default as default };

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

@@ -1,6 +1,5 @@
 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 };
+export declare const VerticalWritingIcon: FC<Partial<BaseIconProps>>;
+//#endregion

package/dist/components/index.d.mts

@@ -1,9 +1,11 @@
-import { Button } from "./buttons/button/button.mjs";
+import { BaseIconProps, IconRenderProps } from "./icons/base.mjs";
+import { Button, ButtonRenderItemProps } 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 { CopyButton } from "./buttons/copy-button/copy-button.mjs";
+import "./buttons/copy-button/index.mjs";
 import "./buttons/icon-button/index.mjs";
+import { ToolbarItemProps } from "./buttons/toolbar/toolbar.mjs";
+import { Toolbar } from "./buttons/toolbar/index.mjs";
 import { Accordion } from "./data-display/accordion/index.mjs";
 import { Avatar } from "./data-display/avatar/avatar.mjs";
 import "./data-display/avatar/index.mjs";
@@ -11,14 +13,27 @@ 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 { Carousel } from "./data-display/carousel/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 { EmptyState } from "./feedback/empty-state/empty-state.mjs";
+import "./feedback/empty-state/index.mjs";
 import { CellAlign, Table } from "./data-display/table/table.mjs";
 import "./data-display/table/index.mjs";
+import { DataTable, DataTableColumn, DataTableSort } from "./data-display/data-table/data-table.mjs";
+import "./data-display/data-table/index.mjs";
+import { Heading } from "./data-display/heading/heading.mjs";
+import "./data-display/heading/index.mjs";
+import { Kbd } from "./data-display/kbd/kbd.mjs";
+import "./data-display/kbd/index.mjs";
+import { Prose } from "./data-display/prose/prose.mjs";
+import "./data-display/prose/index.mjs";
+import { Tree, TreeItem } from "./data-display/tree/tree.mjs";
+import "./data-display/tree/index.mjs";
 import { Alert, AlertAction } from "./feedback/alert/alert.mjs";
 import "./feedback/alert/index.mjs";
+import { Callout } from "./feedback/callout/callout.mjs";
+import "./feedback/callout/index.mjs";
 import { Progress } from "./feedback/progress/progress.mjs";
 import "./feedback/progress/index.mjs";
 import { Skeleton } from "./feedback/skeleton/skeleton.mjs";
@@ -30,25 +45,36 @@ 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 { Calendar } from "./form/calendar/calendar.mjs";
+import "./form/calendar/index.mjs";
+import { Checkbox } from "./form/checkbox/checkbox.mjs";
+import "./form/checkbox/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 { ColorPicker, ColorPickerSwatch } from "./form/color-picker/color-picker.mjs";
+import "./form/color-picker/index.mjs";
+import { Combobox, ComboboxSearch } from "./form/combobox/combobox.mjs";
+import "./form/combobox/index.mjs";
+import { DateField } from "./form/date-field/date-field.mjs";
+import "./form/date-field/index.mjs";
+import { DatePicker } from "./form/date-picker/date-picker.mjs";
+import "./form/date-picker/index.mjs";
+import { FileField } from "./form/file-field/index.mjs";
 import { Form } from "./form/form/form.mjs";
 import "./form/form/index.mjs";
+import { FormControl } from "./form/form-control/form-control.mjs";
+import "./form/form-control/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 { RadioCard, RadioCardOption } from "./form/radio-card/radio-card.mjs";
+import "./form/radio-card/index.mjs";
+import { RangeSlider } from "./form/range-slider/range-slider.mjs";
+import "./form/range-slider/index.mjs";
 import { Select } from "./form/select/select.mjs";
 import "./form/select/index.mjs";
 import { Slider } from "./form/slider/slider.mjs";
@@ -59,7 +85,6 @@ 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";
@@ -73,8 +98,7 @@ 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 { ResizablePanels } from "./layout/resizable-panels/index.mjs";
 import { Separator } from "./layout/separator/separator.mjs";
 import "./layout/separator/index.mjs";
 import { Stack, StackProps } from "./layout/stack/stack.mjs";
@@ -84,23 +108,32 @@ 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 { Stepper, StepperStep } from "./navigation/stepper/stepper.mjs";
+import "./navigation/stepper/index.mjs";
+import { SideNav } from "./navigation/side-nav/index.mjs";
+import { TableOfContents, TableOfContentsItem } from "./navigation/table-of-contents/table-of-contents.mjs";
+import "./navigation/table-of-contents/index.mjs";
+import { Tabs } from "./navigation/tabs/index.mjs";
+import { InView } from "./observers/in-view/in-view.mjs";
+import "./observers/in-view/index.mjs";
+import { Resize } from "./observers/resize/resize.mjs";
+import "./observers/resize/index.mjs";
+import { CommandPalette, CommandPaletteItem } from "./overlays/command-palette/command-palette.mjs";
+import "./overlays/command-palette/index.mjs";
+import { ContextMenu } from "./overlays/context-menu/index.mjs";
+import { Dialog } from "./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 { DropdownMenu } from "./overlays/dropdown-menu/index.mjs";
+import { ListBox } from "./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 { Popover } from "./overlays/popover/index.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 };
+import { TooltipTriggerProps } from "./overlays/tooltip/tooltip.mjs";
+import { Tooltip } from "./overlays/tooltip/index.mjs";
+import { IconButton, IconButtonRenderItemProps, IconButtonTriggerProps } from "./buttons/icon-button/icon-button.mjs";
+export { AIIcon, AccessibilityIcon, Accordion, Alert, type AlertAction, AlertIcon, Anchor, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, type BaseIconProps, BlogIcon, BoringIcon, Breadcrumb, Button, type ButtonRenderItemProps, Calendar, Callout, Card, Carousel, type CellAlign, CheckIcon, Checkbox, CheckboxCard, type CheckboxCardOption, CheckboxGroup, ChevronIcon, ChromeIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorPicker, type ColorPickerSwatch, ColorScaleIcon, Combobox, type ComboboxSearch, CommandPalette, type CommandPaletteItem, ContextMenu, CopyButton, CopyIcon, DarkModeIcon, DataTable, type DataTableColumn, type DataTableSort, DateField, DatePicker, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, EdgeIcon, EmptyState, ExternalLinkIcon, FileField, FirefoxIcon, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, type GapSize, GitHubIcon, GoodIcon, Grid, type GridProps, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, type IconButtonRenderItemProps, type IconButtonTriggerProps, type IconRenderProps, InView, InformativeIcon, InterestingIcon, Kbd, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, type PaddingSize, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, type PopoverContentProps, type PopoverTriggerProps, PortalRootProvider, PrepareIcon, Progress, Prose, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, type RadioCardOption, RangeSlider, RefreshIcon, ResizablePanels, Resize, SafariIcon, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, SideNav, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, type StackProps, Stepper, type StepperStep, SubscribeIcon, Switch, Table, TableIcon, TableOfContents, type TableOfContentsItem, Tabs, TagIcon, TextField, Textarea, type ToastAction, type ToastOptions, ToastProvider, Toolbar, type ToolbarItemProps, Tooltip, type TooltipTriggerProps, Tree, type TreeItem, TwitterIcon, UIProvider, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, usePortalRoot, useToast };

package/dist/components/index.mjs

@@ -1,8 +1,5 @@
 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";
@@ -11,47 +8,72 @@ import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon,
 import { QiitaIcon } from "./icons/qiita.mjs";
 import { TwitterIcon } from "./icons/twitter.mjs";
 import { VerticalWritingIcon } from "./icons/vertical-writing.mjs";
+import { Popover } from "./overlays/popover/index.mjs";
+import { Tooltip } from "./overlays/tooltip/index.mjs";
+import { IconButton } from "./buttons/icon-button/icon-button.mjs";
+import { CopyButton } from "./buttons/copy-button/copy-button.mjs";
+import { Separator } from "./layout/separator/separator.mjs";
+import { Toolbar } from "./buttons/toolbar/index.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 { Carousel } from "./data-display/carousel/index.mjs";
 import { Code } from "./data-display/code/code.mjs";
-import { Heading } from "./data-display/heading/heading.mjs";
+import { Checkbox } from "./form/checkbox/checkbox.mjs";
+import { CheckboxGroup } from "./form/checkbox-group/index.mjs";
+import { EmptyState } from "./feedback/empty-state/empty-state.mjs";
 import { Table } from "./data-display/table/table.mjs";
+import { DataTable } from "./data-display/data-table/data-table.mjs";
+import { Heading } from "./data-display/heading/heading.mjs";
+import { Kbd } from "./data-display/kbd/kbd.mjs";
+import { Prose } from "./data-display/prose/prose.mjs";
+import { Tree } from "./data-display/tree/tree.mjs";
 import { Alert } from "./feedback/alert/alert.mjs";
+import { Callout } from "./feedback/callout/callout.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 { Calendar } from "./form/calendar/calendar.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 { ColorPicker } from "./form/color-picker/color-picker.mjs";
+import { Combobox } from "./form/combobox/combobox.mjs";
+import { DateField } from "./form/date-field/date-field.mjs";
+import { DatePicker } from "./form/date-picker/date-picker.mjs";
+import { FileField } from "./form/file-field/index.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 { RangeSlider } from "./form/range-slider/range-slider.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 { ResizablePanels } from "./layout/resizable-panels/index.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 { Stepper } from "./navigation/stepper/stepper.mjs";
+import { SideNav } from "./navigation/side-nav/index.mjs";
+import { TableOfContents } from "./navigation/table-of-contents/table-of-contents.mjs";
+import { Tabs } from "./navigation/tabs/index.mjs";
+import { InView } from "./observers/in-view/in-view.mjs";
+import { Resize } from "./observers/resize/resize.mjs";
 import { UIProvider } from "./providers/ui-provider.mjs";
 import { PortalRootProvider, usePortalRoot } from "./providers/portal-root.mjs";
 import { Modal } from "./overlays/modal/modal.mjs";
+import { CommandPalette } from "./overlays/command-palette/command-palette.mjs";
+import { ContextMenu } from "./overlays/context-menu/index.mjs";
+import { Dialog } from "./overlays/dialog/index.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 };
+import { DropdownMenu } from "./overlays/dropdown-menu/index.mjs";
+import { ListBox } from "./overlays/list-box/index.mjs";
+export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BlogIcon, BoringIcon, Breadcrumb, Button, Calendar, Callout, Card, Carousel, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, ChromeIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorPicker, ColorScaleIcon, Combobox, CommandPalette, ContextMenu, CopyButton, CopyIcon, DarkModeIcon, DataTable, DateField, DatePicker, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, EdgeIcon, EmptyState, ExternalLinkIcon, FileField, FirefoxIcon, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InView, InformativeIcon, InterestingIcon, Kbd, 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, Prose, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, RangeSlider, RefreshIcon, ResizablePanels, Resize, SafariIcon, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, SideNav, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, Stepper, SubscribeIcon, Switch, Table, TableIcon, TableOfContents, Tabs, TagIcon, TextField, Textarea, ToastProvider, Toolbar, Tooltip, Tree, TwitterIcon, UIProvider, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, usePortalRoot, useToast };

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

@@ -0,0 +1,25 @@
+@layer properties, theme, base;
+
+@layer components {
+  .qUKPUW_none {
+    gap: 0;
+  }
+
+  .qUKPUW_sm {
+    gap: calc(var(--spacing) * 2);
+  }
+
+  .qUKPUW_md {
+    gap: calc(var(--spacing) * 4);
+  }
+
+  .qUKPUW_lg {
+    gap: calc(var(--spacing) * 6);
+  }
+
+  .qUKPUW_xl {
+    gap: calc(var(--spacing) * 8);
+  }
+}
+
+@layer utilities;

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

@@ -1,11 +1,10 @@
 //#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';
+export type GapSize = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const GAP_CLASS: {
+  readonly none: any;
+  readonly sm: any;
+  readonly md: any;
+  readonly lg: any;
+  readonly xl: any;
 };
-//#endregion
-export { GAP_CLASS, GapSize };
+//#endregion

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

@@ -1,10 +1,11 @@
+import gap_module_default from "./gap.module.mjs";
 //#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"
+	none: gap_module_default.none,
+	sm: gap_module_default.sm,
+	md: gap_module_default.md,
+	lg: gap_module_default.lg,
+	xl: gap_module_default.xl
 };
 //#endregion
 export { GAP_CLASS };

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

@@ -0,0 +1,11 @@
+import './gap.css';
+//#region src/components/layout/_shared/gap.module.css
+var gap_module_default = {
+	"lg": "qUKPUW_lg",
+	"md": "qUKPUW_md",
+	"none": "qUKPUW_none",
+	"sm": "qUKPUW_sm",
+	"xl": "qUKPUW_xl"
+};
+//#endregion
+export { gap_module_default as default };

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

@@ -0,0 +1,25 @@
+@layer properties, theme, base;
+
+@layer components {
+  .C2u5ma_none {
+    padding: 0;
+  }
+
+  .C2u5ma_sm {
+    padding: calc(var(--spacing) * 2);
+  }
+
+  .C2u5ma_md {
+    padding: calc(var(--spacing) * 4);
+  }
+
+  .C2u5ma_lg {
+    padding: calc(var(--spacing) * 6);
+  }
+
+  .C2u5ma_xl {
+    padding: calc(var(--spacing) * 8);
+  }
+}
+
+@layer utilities;

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

@@ -1,11 +1,10 @@
 //#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';
+export type PaddingSize = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const PADDING_CLASS: {
+  readonly none: any;
+  readonly sm: any;
+  readonly md: any;
+  readonly lg: any;
+  readonly xl: any;
 };
-//#endregion
-export { PADDING_CLASS, PaddingSize };
+//#endregion

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

@@ -1,10 +1,11 @@
+import padding_module_default from "./padding.module.mjs";
 //#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"
+	none: padding_module_default.none,
+	sm: padding_module_default.sm,
+	md: padding_module_default.md,
+	lg: padding_module_default.lg,
+	xl: padding_module_default.xl
 };
 //#endregion
 export { PADDING_CLASS };

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

@@ -0,0 +1,11 @@
+import './padding.css';
+//#region src/components/layout/_shared/padding.module.css
+var padding_module_default = {
+	"lg": "C2u5ma_lg",
+	"md": "C2u5ma_md",
+	"none": "C2u5ma_none",
+	"sm": "C2u5ma_sm",
+	"xl": "C2u5ma_xl"
+};
+//#endregion
+export { padding_module_default as default };

package/dist/components/layout/grid/grid.css

@@ -0,0 +1,93 @@
+@layer properties, theme, base;
+
+@layer components {
+  ._23gUBq_root {
+    display: grid;
+  }
+
+  ._23gUBq_cols1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  ._23gUBq_cols2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  ._23gUBq_cols3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  ._23gUBq_cols4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  ._23gUBq_cols5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  ._23gUBq_cols6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  ._23gUBq_autoFill24 {
+    grid-template-columns: repeat(auto-fill,
+    minmax(min(calc(var(--spacing) * 24), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFill32 {
+    grid-template-columns: repeat(auto-fill,
+    minmax(min(calc(var(--spacing) * 32), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFill40 {
+    grid-template-columns: repeat(auto-fill,
+    minmax(min(calc(var(--spacing) * 40), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFill48 {
+    grid-template-columns: repeat(auto-fill,
+    minmax(min(calc(var(--spacing) * 48), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFill64 {
+    grid-template-columns: repeat(auto-fill,
+    minmax(min(calc(var(--spacing) * 64), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFill80 {
+    grid-template-columns: repeat(auto-fill,
+    minmax(min(calc(var(--spacing) * 80), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFit24 {
+    grid-template-columns: repeat(auto-fit,
+    minmax(min(calc(var(--spacing) * 24), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFit32 {
+    grid-template-columns: repeat(auto-fit,
+    minmax(min(calc(var(--spacing) * 32), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFit40 {
+    grid-template-columns: repeat(auto-fit,
+    minmax(min(calc(var(--spacing) * 40), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFit48 {
+    grid-template-columns: repeat(auto-fit,
+    minmax(min(calc(var(--spacing) * 48), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFit64 {
+    grid-template-columns: repeat(auto-fit,
+    minmax(min(calc(var(--spacing) * 64), 100%), 1fr));
+  }
+
+  ._23gUBq_autoFit80 {
+    grid-template-columns: repeat(auto-fit,
+    minmax(min(calc(var(--spacing) * 80), 100%), 1fr));
+  }
+}
+
+@layer utilities;

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

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