twintrinsic 0.0.1

package/dist/components/Combobox/Combobox.svelte.d.ts

@@ -0,0 +1,34 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Combobox: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+    id?: any;
+    name: any;
+    options?: any[];
+    value?: any;
+    placeholder?: string;
+    optionLabel?: string;
+    optionValue?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    ariaLabel: any;
+    children: any;
+}, {
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Combobox = InstanceType<typeof Combobox>;
+export default Combobox;

package/dist/components/Container/Container.svelte

@@ -0,0 +1,45 @@
+<!--
+@component
+Container - A base layout component that provides consistent padding, width, and responsive behavior.
+Serves as the foundation for other layout components.
+
+Usage:
+```svelte
+<Container>
+  <h1>Content</h1>
+</Container>
+
+<Container fluid>
+  <p>Full-width content</p>
+</Container>
+```
+-->
+<script>
+const {
+  /** @type {boolean} - If true, container will be full-width */
+  fluid = false,
+
+  /** @type {string} - Additional CSS classes to apply */
+  class: className = "",
+
+  /** @type {"main" | "section" | "article" | "div"} - HTML element to render */
+  as = "section",
+
+  /** @type {string} - ARIA role if needed */
+  role = null,
+
+  /** @type {string} - ARIA label if needed */
+  ariaLabel = null,
+
+  children = null,
+} = $props()
+</script>
+
+<svelte:element 
+  this={as}
+  class="{fluid ? 'w-full' : 'container mx-auto px-4 sm:px-6 lg:px-8'} {className}"
+  {role}
+  aria-label={ariaLabel}
+>
+  {@render children?.()}
+</svelte:element>

package/dist/components/Container/Container.svelte.d.ts

@@ -0,0 +1,36 @@
+export default Container;
+type Container = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+/**
+ * Container - A base layout component that provides consistent padding, width, and responsive behavior.
+ * Serves as the foundation for other layout components.
+ *
+ * Usage:
+ * ```svelte
+ * <Container>
+ * <h1>Content</h1>
+ * </Container>
+ *
+ * <Container fluid>
+ * <p>Full-width content</p>
+ * </Container>
+ * ```
+ */
+declare const Container: import("svelte").Component<{
+    fluid?: boolean;
+    class?: string;
+    as?: string;
+    role?: any;
+    ariaLabel?: any;
+    children?: any;
+}, {}, "">;
+type $$ComponentProps = {
+    fluid?: boolean;
+    class?: string;
+    as?: string;
+    role?: any;
+    ariaLabel?: any;
+    children?: any;
+};