tera-system-ui 0.0.62 → 0.0.64

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,26 @@
+import { type VariantProps } from "tailwind-variants";
+export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{}, {}>, {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{}, {}>, unknown, unknown, undefined>>;
+type AccordionVariants = VariantProps<typeof styles>;
+export interface AccordionProps extends AccordionVariants {
+    children?: any;
+    class?: string;
+    type: 'multiple' | 'single';
+    value: string | string[];
+    onchange: (value: string | string[]) => void;
+    controlledValue?: boolean;
+    ref?: HTMLDivElement;
+}
+export interface AccordionItemProps {
+    value: string;
+    ref?: HTMLDivElement;
+    children?: any;
+}
+export interface AccordionTriggerProps {
+    children?: any;
+    ref?: HTMLButtonElement;
+}
+export interface AccordionContentProps {
+    children?: any;
+    ref?: HTMLDivElement;
+}
+export {};

package/dist/components/accordion/Accordion.js

@@ -0,0 +1,7 @@
+import { tv } from "tailwind-variants";
+export const styles = tv({
+    base: '',
+    variants: {},
+    compoundVariants: [],
+    defaultVariants: {},
+});

package/dist/components/accordion/components/AccordionContent.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+    import { Accordion as AccordionPrimitive, type WithoutChild } from "bits-ui";
+    import {cn} from "../../../utils";
+
+    let {
+        ref = $bindable(null),
+        class: className,
+        children,
+        ...restProps
+    }: WithoutChild<AccordionPrimitive.ContentProps> = $props();
+</script>
+
+<AccordionPrimitive.Content
+        bind:ref
+        class={cn(
+		"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
+		className
+	)}
+        {...restProps}
+>
+    <div class="pb-4 pt-0">
+        {@render children?.()}
+    </div>
+</AccordionPrimitive.Content>

package/dist/components/accordion/components/AccordionContent.svelte.d.ts

@@ -0,0 +1,3 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+declare const AccordionContent: import("svelte").Component<Omit<AccordionPrimitive.ContentProps, "child">, {}, "ref">;
+export default AccordionContent;

package/dist/components/accordion/components/AccordionItem.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    import { Accordion as AccordionPrimitive } from "bits-ui";
+    import {cn} from "../../../utils";
+
+    let {
+        ref = $bindable(null),
+        class: className,
+        ...restProps
+    }: AccordionPrimitive.ItemProps = $props();
+</script>
+
+<AccordionPrimitive.Item bind:ref class={cn("border-b", className)} {...restProps} />

package/dist/components/accordion/components/AccordionItem.svelte.d.ts

@@ -0,0 +1,3 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+declare const AccordionItem: import("svelte").Component<AccordionPrimitive.ItemProps, {}, "ref">;
+export default AccordionItem;

package/dist/components/accordion/components/AccordionTrigger.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+    import { Accordion as AccordionPrimitive, type WithoutChild } from "bits-ui";
+    import { cn } from "../../../utils";
+    import {IconChevronDown} from "../../icons";
+
+    let {
+        ref = $bindable(null),
+        class: className,
+        level = 3,
+        children,
+        ...restProps
+    }: WithoutChild<AccordionPrimitive.TriggerProps> & {
+        level?: AccordionPrimitive.HeaderProps["level"];
+    } = $props();
+</script>
+
+<AccordionPrimitive.Header {level} class="flex">
+    <AccordionPrimitive.Trigger
+            bind:ref
+            class={cn(
+			"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+			className
+		)}
+            {...restProps}
+    >
+        {@render children?.()}
+        <IconChevronDown class="size-4 shrink-0 transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+</AccordionPrimitive.Header>

package/dist/components/accordion/components/AccordionTrigger.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+declare const AccordionTrigger: import("svelte").Component<Omit<AccordionPrimitive.TriggerProps, "child"> & {
+    level?: AccordionPrimitive.HeaderProps["level"];
+}, {}, "ref">;
+export default AccordionTrigger;

package/dist/components/accordion/index.js

@@ -0,0 +1,6 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+const Accordion = AccordionPrimitive.Root;
+export { Accordion };
+export { default as AccordionItem } from "./components/AccordionItem.svelte";
+export { default as AccordionContent } from "./components/AccordionContent.svelte";
+export { default as AccordionTrigger } from "./components/AccordionTrigger.svelte";

package/dist/components/input/Input.svelte.d.ts

@@ -1,3 +1,3 @@
 import { type InputProps } from "./Input";
-declare const Input: import("svelte").Component<InputProps, {}, "ref" | "value">;
+declare const Input: import("svelte").Component<InputProps, {}, "value" | "ref">;
 export default Input;

package/dist/components/text-area/TextArea.svelte.d.ts

@@ -1,3 +1,3 @@
 import { type TextAreaProps } from "./TextArea";
-declare const TextArea: import("svelte").Component<TextAreaProps, {}, "ref" | "value">;
+declare const TextArea: import("svelte").Component<TextAreaProps, {}, "value" | "ref">;
 export default TextArea;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { AccordionItem, AccordionContent, AccordionTrigger, Accordion } from './components/accordion';
 export { Avatar } from './components/avatar';
 export { BrandLogo } from './components/brand-logo';
 export { Button } from './components/button';

package/dist/index.js

@@ -1,3 +1,4 @@
+export { AccordionItem, AccordionContent, AccordionTrigger, Accordion } from './components/accordion';
 export { Avatar } from './components/avatar';
 export { BrandLogo } from './components/brand-logo';
 export { Button } from './components/button';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tera-system-ui",
-	"version": "0.0.62",
+	"version": "0.0.64",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",
@@ -102,6 +102,7 @@
 		"@inlang/paraglide-sveltekit": "0.11.5",
 		"@tabler/icons-svelte": "^3.22.0",
 		"autoprefixer": "^10.4.20",
+		"bits-ui": "^1.0.0-next.65",
 		"clsx": "^2.1.1",
 		"tailwind-variants": "^0.3.0"
 	}