@k8ordo/ui 2.0.0 → 2.1.0

package/dist/components/index.d.mts

@@ -1,6 +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 { 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";
@@ -8,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";
@@ -27,11 +45,21 @@ 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 { 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";
@@ -45,6 +73,8 @@ 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";
@@ -55,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";
@@ -69,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";
@@ -80,7 +108,19 @@ 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 { 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";
@@ -90,11 +130,10 @@ 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/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";
 import { TooltipTriggerProps } from "./overlays/tooltip/tooltip.mjs";
 import { Tooltip } from "./overlays/tooltip/index.mjs";
-import { IconButton, 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, 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 { 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/index.mjs";
-import { Tooltip } from "./overlays/tooltip/index.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,22 +8,40 @@ 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 { 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";
@@ -34,24 +49,31 @@ 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 { 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 { Dialog } from "./overlays/dialog/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/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, 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 };
+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

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

@@ -1,34 +1,35 @@
-import { cn } from "../../../helpers/cn.mjs";
 import { GAP_CLASS } from "../_shared/gap.mjs";
+import grid_module_default from "./grid.module.mjs";
+import { clsx } from "clsx";
 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"
+	1: grid_module_default.cols1,
+	2: grid_module_default.cols2,
+	3: grid_module_default.cols3,
+	4: grid_module_default.cols4,
+	5: grid_module_default.cols5,
+	6: grid_module_default.cols6
 };
 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"
+	24: grid_module_default.autoFill24,
+	32: grid_module_default.autoFill32,
+	40: grid_module_default.autoFill40,
+	48: grid_module_default.autoFill48,
+	64: grid_module_default.autoFill64,
+	80: grid_module_default.autoFill80
 };
 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"
+	24: grid_module_default.autoFit24,
+	32: grid_module_default.autoFit32,
+	40: grid_module_default.autoFit40,
+	48: grid_module_default.autoFit48,
+	64: grid_module_default.autoFit64,
+	80: grid_module_default.autoFit80
 };
 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]),
+	className: clsx(grid_module_default.root, GAP_CLASS[gap], typeof cols === "number" ? COLS_CLASS[cols] : cols === "auto-fill" ? AUTO_FILL_CLASS[minItemSize] : AUTO_FIT_CLASS[minItemSize]),
 	children
 });
 //#endregion

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

@@ -0,0 +1,25 @@
+import './grid.css';
+//#region src/components/layout/grid/grid.module.css
+var grid_module_default = {
+	"autoFill24": "_23gUBq_autoFill24",
+	"autoFill32": "_23gUBq_autoFill32",
+	"autoFill40": "_23gUBq_autoFill40",
+	"autoFill48": "_23gUBq_autoFill48",
+	"autoFill64": "_23gUBq_autoFill64",
+	"autoFill80": "_23gUBq_autoFill80",
+	"autoFit24": "_23gUBq_autoFit24",
+	"autoFit32": "_23gUBq_autoFit32",
+	"autoFit40": "_23gUBq_autoFit40",
+	"autoFit48": "_23gUBq_autoFit48",
+	"autoFit64": "_23gUBq_autoFit64",
+	"autoFit80": "_23gUBq_autoFit80",
+	"cols1": "_23gUBq_cols1",
+	"cols2": "_23gUBq_cols2",
+	"cols3": "_23gUBq_cols3",
+	"cols4": "_23gUBq_cols4",
+	"cols5": "_23gUBq_cols5",
+	"cols6": "_23gUBq_cols6",
+	"root": "_23gUBq_root"
+};
+//#endregion
+export { grid_module_default as default };

package/dist/components/layout/resizable-panels/index.d.mts

@@ -0,0 +1,18 @@
+//#region src/components/layout/resizable-panels/index.d.ts
+export declare const ResizablePanels: {
+  readonly Root: import("react").FC<{
+    orientation?: "horizontal" | "vertical";
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    ref?: import("react").Ref<HTMLDivElement>;
+  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "defaultValue" | "onChange" | "style">>;
+  readonly Panel: import("react").FC<{
+    ref?: import("react").Ref<HTMLDivElement>;
+  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "style">>;
+  readonly Handle: import("react").FC<Omit<import("react").HTMLAttributes<HTMLDivElement>, "aria-controls" | "aria-orientation" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "children" | "className" | "role" | "style" | "tabIndex">>;
+};
+//#endregion

package/dist/components/layout/resizable-panels/index.mjs

@@ -0,0 +1,9 @@
+import { Handle, Panel, Root } from "./resizable-panels.mjs";
+//#region src/components/layout/resizable-panels/index.ts
+const ResizablePanels = {
+	Root,
+	Panel,
+	Handle
+};
+//#endregion
+export { ResizablePanels };