@mrintel/villain-ui 0.2.2 → 0.3.0

package/dist/components/utilities/ScrollArea.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    height?: string;
+    children?: Snippet;
+  }
+
+  let { height = '400px', children }: Props = $props();
+</script>
+
+<div
+  class="overflow-y-auto"
+  style="
+    height: {height};
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-accent) var(--color-base-3);
+  "
+>
+  {@render children?.()}
+</div>
+
+<style>
+  div::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  div::-webkit-scrollbar-track {
+    background: var(--color-base-3);
+    border-radius: var(--radius-sm);
+  }
+
+  div::-webkit-scrollbar-thumb {
+    background: var(--color-accent);
+    border-radius: var(--radius-sm);
+  }
+
+  div::-webkit-scrollbar-thumb:hover {
+    background: var(--color-accent-soft);
+  }
+</style>

package/dist/components/utilities/ScrollArea.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    height?: string;
+    children?: Snippet;
+}
+declare const ScrollArea: import("svelte").Component<Props, {}, "">;
+type ScrollArea = ReturnType<typeof ScrollArea>;
+export default ScrollArea;

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

@@ -0,0 +1,5 @@
+export { default as Portal } from './Portal.svelte';
+export { default as Collapse } from './Collapse.svelte';
+export { default as Accordion } from './Accordion.svelte';
+export { default as Carousel } from './Carousel.svelte';
+export { default as ScrollArea } from './ScrollArea.svelte';

package/dist/components/utilities/index.js

@@ -0,0 +1,5 @@
+export { default as Portal } from './Portal.svelte';
+export { default as Collapse } from './Collapse.svelte';
+export { default as Accordion } from './Accordion.svelte';
+export { default as Carousel } from './Carousel.svelte';
+export { default as ScrollArea } from './ScrollArea.svelte';

package/dist/index.d.ts

@@ -1,175 +1,15 @@
-import { default as Accordion } from './Accordion.svelte';
-import { default as Alert } from './Alert.svelte';
-import { default as Avatar } from './Avatar.svelte';
-import { default as Badge } from './Badge.svelte';
-import { default as Breadcrumbs } from './Breadcrumbs.svelte';
-import { default as Button } from './Button.svelte';
-import { default as ButtonGroup } from './ButtonGroup.svelte';
-import { default as Card } from './Card.svelte';
-import { default as Carousel } from './Carousel.svelte';
-import { default as Checkbox } from './Checkbox.svelte';
-import { default as Code } from './Code.svelte';
-import { default as CodeBlock } from './CodeBlock.svelte';
-import { default as Collapse } from './Collapse.svelte';
-import { default as CommandPalette } from './CommandPalette.svelte';
-import { default as Container } from './Container.svelte';
-import { default as ContextMenu } from './ContextMenu.svelte';
-import { default as Divider } from './Divider.svelte';
-import { default as Drawer } from './Drawer.svelte';
-import { default as Dropdown } from './Dropdown.svelte';
-import { default as DropdownMenu } from './DropdownMenu.svelte';
-import { default as FileUpload } from './FileUpload.svelte';
-import { default as FloatingActionButton } from './FloatingActionButton.svelte';
-import { default as Grid } from './Grid.svelte';
-import { default as Heading } from './Heading.svelte';
-import { default as IconButton } from './IconButton.svelte';
-import { default as Input } from './Input.svelte';
-import { default as InputGroup } from './InputGroup.svelte';
-import { default as LinkButton } from './LinkButton.svelte';
-import { default as List } from './List.svelte';
-import { default as Menu } from './Menu.svelte';
-import { default as Modal } from './Modal.svelte';
-import { default as Navbar } from './Navbar.svelte';
-import { default as Pagination } from './Pagination.svelte';
-import { default as Panel } from './Panel.svelte';
-import { default as Popover } from './Popover.svelte';
-import { default as Portal } from './Portal.svelte';
-import { default as ProgressBar } from './ProgressBar.svelte';
-import { default as RadioGroup } from './RadioGroup.svelte';
-import { default as RangeSlider } from './RangeSlider.svelte';
-import { default as ScrollArea } from './ScrollArea.svelte';
-import { default as SectionHeader } from './SectionHeader.svelte';
-import { default as Select } from './Select.svelte';
-import { default as Sidebar } from './Sidebar.svelte';
-import { default as SkeletonLoader } from './SkeletonLoader.svelte';
-import { default as Spinner } from './Spinner.svelte';
-import { default as Stat } from './Stat.svelte';
-import { default as Switch } from './Switch.svelte';
-import { default as Table } from './Table.svelte';
-import { default as Tabs } from './Tabs.svelte';
-import { default as Tag } from './Tag.svelte';
-import { default as Text_2 } from './Text.svelte';
-import { default as Textarea } from './Textarea.svelte';
-import { default as Toast } from './Toast.svelte';
-import { default as Tooltip } from './Tooltip.svelte';
-
-export { Accordion }
-
-export { Alert }
-
-export { Avatar }
-
-export { Badge }
-
-export { Breadcrumbs }
-
-export { Button }
-
-export { ButtonGroup }
-
-export { Card }
-
-export { Carousel }
-
-export { Checkbox }
-
-export { Code }
-
-export { CodeBlock }
-
-export { Collapse }
-
-export { CommandPalette }
-
-export { Container }
-
-export { ContextMenu }
-
-export { Divider }
-
-export { Drawer }
-
-export { Dropdown }
-
-export { DropdownMenu }
-
-export { FileUpload }
-
-export { FloatingActionButton }
-
-export { Grid }
-
-export { Heading }
-
-export { IconButton }
-
-export { Input }
-
-export { InputGroup }
-
-export { LinkButton }
-
-export { List }
-
-export { Menu }
-
-export { Modal }
-
-export { Navbar }
-
-export { Pagination }
-
-export { Panel }
-
-export { Popover }
-
-export { Portal }
-
-export { ProgressBar }
-
-export { RadioGroup }
-
-export { RangeSlider }
-
-export { ScrollArea }
-
-export { SectionHeader }
-
-export { Select }
-
-export { Sidebar }
-
-export { SkeletonLoader }
-
-export { Spinner }
-
-export { Stat }
-
-export { Switch }
-
-export { Table }
-
-export { Tabs }
-
-export { Tag }
-
-export { Text_2 as Text }
-
-export { Textarea }
-
-export { Toast }
-
-export { Tooltip }
-
-/**
- * @mrintel/villain-ui - A luxury Svelte 5 component library
- *
- * This is the main entry point for the component library.
- *
- * Note: Theme styles are NOT automatically imported. Consumers must explicitly
- * import '@mrintel/villain-ui/theme.css' in their application to use the default theme.
- * This gives full control over styling and allows custom theme implementations.
- */
-export declare const version = "0.1.0";
-
-export { }
+/**
+ * @mrintel/villain-ui - A luxury Svelte 5 component library
+ *
+ * This is the main entry point for the component library.
+ */
+import './theme.css';
+export declare const version = "0.1.0";
+export { Button, IconButton, ButtonGroup, LinkButton, FloatingActionButton } from './components/buttons';
+export { Input, Textarea, Select, Checkbox, Switch, RadioGroup, RangeSlider, FileUpload, InputGroup } from './components/forms';
+export { Card, Panel, Grid, Container, SectionHeader, Divider } from './components/cards';
+export { Navbar, Sidebar, Tabs, Breadcrumbs, Menu, DropdownMenu, ContextMenu } from './components/navigation';
+export { Modal, Alert, Spinner, Tooltip, ProgressBar, SkeletonLoader, Toast, Drawer, Popover, Dropdown, CommandPalette } from './components/overlays';
+export { Heading, Text, Code } from './components/typography';
+export { Table, Pagination, Badge, Tag, List, Avatar, CodeBlock, Stat } from './components/data';
+export { Portal, Collapse, Accordion, Carousel, ScrollArea } from './components/utilities';