@rkosafo/cai.components 0.0.13 → 0.0.15

package/dist/index.d.ts

@@ -22,7 +22,8 @@ export * from './ui/tableLoader/index.js';
 export * from './ui/alertDialog/index.js';
 export * from './ui/accordion/index.js';
 export * from './ui/tab/index.js';
-export * from "./ui/icons/index.js";
+export * from './ui/icons/index.js';
+export * from "./ui/box/index.js";
 export * from './forms/input/index.js';
 export * from './forms/label/index.js';
 export * from './forms/datepicker/index.js';
@@ -40,4 +41,5 @@ export * from './forms/FormRadio/index.js';
 export * from './builders/filters/index.js';
 export * from './types/index.js';
 export * from './utils/index.js';
+import 'iconify-icon';
 export { YouTube, BaseEditor };

package/dist/index.js

@@ -23,7 +23,8 @@ export * from './ui/tableLoader/index.js';
 export * from './ui/alertDialog/index.js';
 export * from './ui/accordion/index.js';
 export * from './ui/tab/index.js';
-export * from "./ui/icons/index.js";
+export * from './ui/icons/index.js';
+export * from "./ui/box/index.js";
 export * from './forms/input/index.js';
 export * from './forms/label/index.js';
 export * from './forms/datepicker/index.js';
@@ -41,4 +42,5 @@ export * from './forms/FormRadio/index.js';
 export * from './builders/filters/index.js';
 export * from './types/index.js';
 export * from './utils/index.js';
+import 'iconify-icon';
 export { YouTube, BaseEditor };

package/dist/types/index.d.ts

@@ -772,3 +772,11 @@ export interface TabProps {
     tabStyle?: TabsVaraints['tabStyle'];
     divider?: boolean;
 }
+export interface BoxProps extends svelteHTML.HTMLAttributes<HTMLDivElement> {
+    children: any;
+    otherClasses?: string;
+    bgWhite?: boolean;
+    rounded?: boolean;
+    padding?: boolean;
+    shadow?: boolean;
+}

package/dist/ui/box/Box.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { cn, type BoxProps } from '../../index.js';
+
+	let {
+		children,
+		otherClasses = '',
+		bgWhite = false,
+		rounded = false,
+		padding = false,
+		shadow = false,
+		...restProps
+	}: BoxProps = $props();
+</script>
+
+<div
+	{...restProps}
+	class={cn(
+		'scrollbar-thumb-blue scrollbar-thumb-rounded scrollbar-track-blue-lighter scrollbar-w-2 scrolling-touch h-full w-full overflow-y-auto ',
+		otherClasses
+	)}
+	class:rounded-[5px]={rounded}
+	class:bgWhite
+	class:p-6={padding}
+	class:shadow-sm={shadow}
+	class:shadow-gray-400={shadow}
+>
+	{@render children()}
+</div>

package/dist/ui/box/Box.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type BoxProps } from '../../index.js';
+declare const Box: import("svelte").Component<BoxProps, {}, "">;
+type Box = ReturnType<typeof Box>;
+export default Box;

package/dist/ui/box/index.d.ts

@@ -0,0 +1 @@
+export { default as Box } from './Box.svelte';

package/dist/ui/box/index.js

@@ -0,0 +1 @@
+export { default as Box } from './Box.svelte';

package/dist/ui/icons/IconifyIcon.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const IconifyIcon: import("svelte").Component<{
+    icon: any;
+} & Record<string, any>, {}, "">;
+type IconifyIcon = ReturnType<typeof IconifyIcon>;
+export default IconifyIcon;

package/dist/ui/icons/index.d.ts

@@ -1 +1 @@
-export { default as Icons } from './Icons.svelte';
+export { default as IconifyIcon } from './IconifyIcon.svelte';

package/dist/ui/icons/index.js

@@ -1 +1 @@
-export { default as Icons } from './Icons.svelte';
+export { default as IconifyIcon } from './IconifyIcon.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rkosafo/cai.components",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "files": [
     "dist",
     "!dist/**/*.test.*",

package/dist/ui/icons/Icons.svelte.d.ts

@@ -1,5 +0,0 @@
-declare const Icons: import("svelte").Component<{
-    icon: any;
-} & Record<string, any>, {}, "">;
-type Icons = ReturnType<typeof Icons>;
-export default Icons;