twintrinsic 0.0.1

package/dist/docs/PropsTable.svelte

@@ -0,0 +1,103 @@
+<!--
+@component
+PropsTable - A component for displaying component props documentation.
+
+Usage:
+```svelte
+<PropsTable
+  props={[
+    {
+      name: 'value',
+      type: 'string',
+      default: "''",
+      description: 'Current value'
+    }
+  ]}
+/>
+```
+-->
+<script>
+const {
+  /** @type {Array<{ name: string, type: string, default?: string, description: string }>} */
+  props = [],
+} = $props()
+</script>
+
+<div class="props-table">
+  <table>
+    <thead>
+      <tr>
+        <th>Prop</th>
+        <th>Type</th>
+        <th>Default</th>
+        <th>Description</th>
+      </tr>
+    </thead>
+    <tbody>
+      {#each props as prop}
+        <tr>
+          <td class="prop-name">
+            <code>{prop.name}</code>
+          </td>
+          <td class="prop-type">
+            <code>{prop.type}</code>
+          </td>
+          <td class="prop-default">
+            {#if prop.default !== undefined}
+              <code>{prop.default}</code>
+            {:else}
+              <span class="prop-required">Required</span>
+            {/if}
+          </td>
+          <td class="prop-description">
+            {prop.description}
+          </td>
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+</div>
+
+<style>
+  @reference '../twintrinsic.css';
+
+  .props-table {
+    @apply my-4 overflow-x-auto;
+  }
+
+  table {
+    @apply w-full border-collapse;
+  }
+
+  th {
+    @apply px-4 py-2 text-left font-medium bg-surface border-b border-border;
+  }
+
+  td {
+    @apply px-4 py-2 border-b border-border;
+  }
+
+  .prop-name {
+    @apply whitespace-nowrap font-medium;
+  }
+
+  .prop-type {
+    @apply whitespace-nowrap text-muted;
+  }
+
+  .prop-default {
+    @apply whitespace-nowrap text-muted;
+  }
+
+  .prop-required {
+    @apply text-xs font-medium text-warning;
+  }
+
+  .prop-description {
+    @apply text-sm;
+  }
+
+  code {
+    @apply px-1.5 py-0.5 text-xs font-mono rounded bg-surface;
+  }
+</style>

package/dist/docs/PropsTable.svelte.d.ts

@@ -0,0 +1,28 @@
+export default PropsTable;
+type PropsTable = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+/**
+ * PropsTable - A component for displaying component props documentation.
+ *
+ * Usage:
+ * ```svelte
+ * <PropsTable
+ * props={[
+ *   {
+ *     name: 'value',
+ *     type: 'string',
+ *     default: "''",
+ *     description: 'Current value'
+ *   }
+ * ]}
+ * />
+ * ```
+ */
+declare const PropsTable: import("svelte").Component<{
+    props?: any[];
+}, {}, "">;
+type $$ComponentProps = {
+    props?: any[];
+};

package/dist/docs/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PropsTable } from "./PropsTable.svelte";
+export { default as EventsTable } from "./EventsTable.svelte";

package/dist/docs/index.js

@@ -0,0 +1,2 @@
+export { default as PropsTable } from "./PropsTable.svelte";
+export { default as EventsTable } from "./EventsTable.svelte";

package/dist/helpers/detectLanguage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Detect code language based on content patterns
+ * @param {string} content - Code content to analyze
+ * @returns {string} Detected language alias
+ */
+export declare function detectLanguage(content: string): string;

package/dist/helpers/detectLanguage.js

@@ -0,0 +1,60 @@
+/**
+ * Detect code language based on content patterns
+ * @param {string} content - Code content to analyze
+ * @returns {string} Detected language alias
+ */
+export function detectLanguage(content) {
+    const trimmed = content.trim();
+    // HTML/SVG
+    if (trimmed.startsWith("<") && trimmed.endsWith(">")) {
+        if (trimmed.includes("</svg>"))
+            return "markup";
+        if (trimmed.includes("/>") || trimmed.includes("</"))
+            return "markup";
+    }
+    // CSS
+    if (trimmed.includes("{") && trimmed.includes("}") && trimmed.includes(":")) {
+        if (trimmed.includes("@import") || trimmed.includes("@media"))
+            return "css";
+        if (trimmed.includes("$") || trimmed.includes("@mixin"))
+            return "scss";
+    }
+    // JavaScript/TypeScript
+    if (trimmed.includes("function") || trimmed.includes("=>")) {
+        if (trimmed.includes(":") && trimmed.includes("interface"))
+            return "typescript";
+        if (trimmed.includes("React.") || trimmed.includes("jsx"))
+            return "jsx";
+        if (trimmed.includes("<") && trimmed.includes("/>"))
+            return "jsx";
+        return "javascript";
+    }
+    // JSON
+    if ((trimmed.startsWith("{") && trimmed.endsWith("}")) ||
+        (trimmed.startsWith("[") && trimmed.endsWith("]"))) {
+        try {
+            JSON.parse(trimmed);
+            return "json";
+        }
+        catch {
+            // Not valid JSON, continue to next check
+        }
+    }
+    // YAML
+    if (trimmed.includes(":") && !trimmed.includes("{")) {
+        return "yaml";
+    }
+    // Markdown
+    if (trimmed.includes("#") || trimmed.includes("```")) {
+        return "markdown";
+    }
+    // Svelte
+    if (trimmed.includes("<script>") || trimmed.includes("$:") || trimmed.includes("$derived")) {
+        return "svelte";
+    }
+    // Shell
+    if (trimmed.startsWith("$") || trimmed.startsWith("#!")) {
+        return "bash";
+    }
+    return "javascript";
+}

package/dist/helpers/index.d.ts

@@ -0,0 +1 @@
+export { detectLanguage } from "./detectLanguage.ts";

package/dist/helpers/index.js

@@ -0,0 +1 @@
+export { detectLanguage } from "./detectLanguage.ts";

package/dist/index.d.ts

@@ -0,0 +1,86 @@
+export { default as Accordion } from "./components/Accordion/Accordion.svelte";
+export { default as AccordionItem } from "./components/Accordion/AccordionItem.svelte";
+export { default as App } from "./components/App/index.js";
+export { default as Split } from "./components/App/Split.svelte";
+export { default as AppHeader } from "./components/AppHeader/AppHeader.svelte";
+export { default as Avatar } from "./components/Avatar/Avatar.svelte";
+export { default as AvatarGroup } from "./components/Avatar/AvatarGroup.svelte";
+export { default as Badge } from "./components/Badge/Badge.svelte";
+export { default as BottomBar } from "./components/BottomBar/BottomBar.svelte";
+export { default as Breadcrumb } from "./components/Breadcrumb/Breadcrumb.svelte";
+export { default as BreadcrumbItem } from "./components/Breadcrumb/BreadcrumbItem.svelte";
+export { default as Button } from "./components/Button/Button.svelte";
+export { default as ButtonGroup } from "./components/Button/ButtonGroup.svelte";
+export { default as Card } from "./components/Card/Card.svelte";
+export { default as Carousel } from "./components/Carousel/Carousel.svelte";
+export { default as CarouselItem } from "./components/Carousel/CarouselItem.svelte";
+export { default as Chip } from "./components/Chip/Chip.svelte";
+export { default as ChipGroup } from "./components/Chip/ChipGroup.svelte";
+export { default as CodeBlock } from "./components/CodeBlock/CodeBlock.svelte";
+export { default as CodeBlockSpeed } from "./components/CodeBlockSpeed/CodeBlockSpeed.svelte";
+export { default as CodeEditor } from "./components/CodeEditor/CodeEditor.svelte";
+export { default as Container } from "./components/Container/Container.svelte";
+export { default as DataTable } from "./components/DataTable/DataTable.svelte";
+export { default as AutoComplete } from "./components/Form/AutoComplete.svelte";
+export { default as Calendar } from "./components/Form/Calendar.svelte";
+export { default as Checkbox } from "./components/Form/Checkbox.svelte";
+export { default as ColorPicker } from "./components/Form/ColorPicker.svelte";
+export { default as Combobox } from "./components/Form/Combobox.svelte";
+export { default as Dropdown } from "./components/Form/Dropdown.svelte";
+export { default as FileUpload } from "./components/Form/FileUpload.svelte";
+export { default as FloatLabel } from "./components/Form/FloatLabel.svelte";
+export { default as Form } from "./components/Form/Form.svelte";
+export { default as FormField } from "./components/Form/FormField.svelte";
+export { default as Input } from "./components/Form/Input.svelte";
+export { default as InputSwitch } from "./components/Form/InputSwitch.svelte";
+export { default as InvalidState } from "./components/Form/InvalidState.svelte";
+export { default as Knob } from "./components/Form/Knob.svelte";
+export { default as Listbox } from "./components/Form/Listbox.svelte";
+export { default as ListInput } from "./components/Form/ListInput.svelte";
+export { default as NumberInput } from "./components/Form/NumberInput.svelte";
+export { default as Radio } from "./components/Form/Radio.svelte";
+export { default as RadioGroup } from "./components/Form/RadioGroup.svelte";
+export { default as Rating } from "./components/Form/Rating.svelte";
+export { default as Select } from "./components/Form/Select.svelte";
+export { default as SelectGroup } from "./components/Form/SelectGroup.svelte";
+export { default as Slider } from "./components/Form/Slider.svelte";
+export { default as Switch } from "./components/Form/Switch.svelte";
+export { default as Textarea } from "./components/Form/Textarea.svelte";
+export { default as TextInput } from "./components/Form/TextInput.svelte";
+export { default as Icon } from "./components/Icon/Icon.svelte";
+export { default as TwintrinsicLogo } from "./components/icons/TwintrinsicLogo.svelte";
+export { default as Lazy } from "./components/Lazy/Lazy.svelte";
+export { default as Masonry } from "./components/Masonry/Masonry.svelte";
+export { default as Menu } from "./components/Menu/Menu/Menu.svelte";
+export { default as MenuItem } from "./components/Menu/Menu/MenuItem.svelte";
+export { default as Modal } from "./components/Modal/Modal.svelte";
+export { default as Hero } from "./components/Panel/Hero/Hero.svelte";
+export { default as LazyPanel } from "./components/Panel/LazyPanel.svelte";
+export { default as Panel } from "./components/Panel/Panel.svelte";
+export { default as Progress } from "./components/Progress/Progress.svelte";
+export { default as Separator } from "./components/Separator/Separator.svelte";
+export { default as Sidebar } from "./components/Sidebar/Sidebar.svelte";
+export { default as Skeleton } from "./components/Skeleton/Skeleton.svelte";
+export { default as Stepper } from "./components/Stepper/Stepper.svelte";
+export { default as StepperStep } from "./components/Stepper/StepperStep.svelte";
+export { default as Table } from "./components/Table/Table.svelte";
+export { default as TableBody } from "./components/Table/TableBody.svelte";
+export { default as TableCell } from "./components/Table/TableCell.svelte";
+export { default as TableHead } from "./components/Table/TableHead.svelte";
+export { default as TableHeader } from "./components/Table/TableHeader.svelte";
+export { default as TableRow } from "./components/Table/TableRow.svelte";
+export { default as Tab } from "./components/Tabs/Tab.svelte";
+export { default as TabList } from "./components/Tabs/TabList.svelte";
+export { default as TabPanel } from "./components/Tabs/TabPanel.svelte";
+export { default as Tabs } from "./components/Tabs/Tabs.svelte";
+export { default as Tag } from "./components/Tag/Tag.svelte";
+export { default as TagGroup } from "./components/Tag/TagGroup.svelte";
+export { default as ThemeToggle } from "./components/ThemeToggle/ThemeToggle.svelte";
+export { default as Timeline } from "./components/Timeline/Timeline.svelte";
+export { default as TimelineItem } from "./components/Timeline/TimelineItem.svelte";
+export { default as Toast } from "./components/Toast/Toast.svelte";
+export { default as Tooltip } from "./components/Tooltip/Tooltip.svelte";
+export { default as Tree } from "./components/Tree/Tree.svelte";
+export { default as TreeNode } from "./components/Tree/TreeNode.svelte";
+export { EventsTable, PropsTable } from "./docs/index.js";
+export { default as Section } from "./Section.svelte";

package/dist/index.js

@@ -0,0 +1,94 @@
+// Core Components
+// Data Display Components
+export { default as Accordion } from "./components/Accordion/Accordion.svelte";
+export { default as AccordionItem } from "./components/Accordion/AccordionItem.svelte";
+export { default as App } from "./components/App/index.js";
+export { default as Split } from "./components/App/Split.svelte";
+export { default as AppHeader } from "./components/AppHeader/AppHeader.svelte";
+export { default as Avatar } from "./components/Avatar/Avatar.svelte";
+export { default as AvatarGroup } from "./components/Avatar/AvatarGroup.svelte";
+export { default as Badge } from "./components/Badge/Badge.svelte";
+// Navigation Components
+export { default as BottomBar } from "./components/BottomBar/BottomBar.svelte";
+export { default as Breadcrumb } from "./components/Breadcrumb/Breadcrumb.svelte";
+export { default as BreadcrumbItem } from "./components/Breadcrumb/BreadcrumbItem.svelte";
+export { default as Button } from "./components/Button/Button.svelte";
+export { default as ButtonGroup } from "./components/Button/ButtonGroup.svelte";
+export { default as Card } from "./components/Card/Card.svelte";
+export { default as Carousel } from "./components/Carousel/Carousel.svelte";
+export { default as CarouselItem } from "./components/Carousel/CarouselItem.svelte";
+export { default as Chip } from "./components/Chip/Chip.svelte";
+export { default as ChipGroup } from "./components/Chip/ChipGroup.svelte";
+// Documentation Components
+export { default as CodeBlock } from "./components/CodeBlock/CodeBlock.svelte";
+export { default as CodeBlockSpeed } from "./components/CodeBlockSpeed/CodeBlockSpeed.svelte";
+export { default as CodeEditor } from "./components/CodeEditor/CodeEditor.svelte";
+// Layout Components
+export { default as Container } from "./components/Container/Container.svelte";
+export { default as DataTable } from "./components/DataTable/DataTable.svelte";
+// Form Components
+export { default as AutoComplete } from "./components/Form/AutoComplete.svelte";
+export { default as Calendar } from "./components/Form/Calendar.svelte";
+export { default as Checkbox } from "./components/Form/Checkbox.svelte";
+export { default as ColorPicker } from "./components/Form/ColorPicker.svelte";
+export { default as Combobox } from "./components/Form/Combobox.svelte";
+export { default as Dropdown } from "./components/Form/Dropdown.svelte";
+export { default as FileUpload } from "./components/Form/FileUpload.svelte";
+export { default as FloatLabel } from "./components/Form/FloatLabel.svelte";
+export { default as Form } from "./components/Form/Form.svelte";
+export { default as FormField } from "./components/Form/FormField.svelte";
+export { default as Input } from "./components/Form/Input.svelte";
+export { default as InputSwitch } from "./components/Form/InputSwitch.svelte";
+export { default as InvalidState } from "./components/Form/InvalidState.svelte";
+export { default as Knob } from "./components/Form/Knob.svelte";
+export { default as Listbox } from "./components/Form/Listbox.svelte";
+export { default as ListInput } from "./components/Form/ListInput.svelte";
+export { default as NumberInput } from "./components/Form/NumberInput.svelte";
+export { default as Radio } from "./components/Form/Radio.svelte";
+export { default as RadioGroup } from "./components/Form/RadioGroup.svelte";
+export { default as Rating } from "./components/Form/Rating.svelte";
+export { default as Select } from "./components/Form/Select.svelte";
+export { default as SelectGroup } from "./components/Form/SelectGroup.svelte";
+export { default as Slider } from "./components/Form/Slider.svelte";
+export { default as Switch } from "./components/Form/Switch.svelte";
+export { default as Textarea } from "./components/Form/Textarea.svelte";
+export { default as TextInput } from "./components/Form/TextInput.svelte";
+// Utility Components
+export { default as Icon } from "./components/Icon/Icon.svelte";
+export { default as TwintrinsicLogo } from "./components/icons/TwintrinsicLogo.svelte";
+export { default as Lazy } from "./components/Lazy/Lazy.svelte";
+export { default as Masonry } from "./components/Masonry/Masonry.svelte";
+export { default as Menu } from "./components/Menu/Menu/Menu.svelte";
+export { default as MenuItem } from "./components/Menu/Menu/MenuItem.svelte";
+// Feedback Components
+export { default as Modal } from "./components/Modal/Modal.svelte";
+export { default as Hero } from "./components/Panel/Hero/Hero.svelte";
+export { default as LazyPanel } from "./components/Panel/LazyPanel.svelte";
+export { default as Panel } from "./components/Panel/Panel.svelte";
+export { default as Progress } from "./components/Progress/Progress.svelte";
+export { default as Separator } from "./components/Separator/Separator.svelte";
+export { default as Sidebar } from "./components/Sidebar/Sidebar.svelte";
+export { default as Skeleton } from "./components/Skeleton/Skeleton.svelte";
+export { default as Stepper } from "./components/Stepper/Stepper.svelte";
+export { default as StepperStep } from "./components/Stepper/StepperStep.svelte";
+export { default as Table } from "./components/Table/Table.svelte";
+export { default as TableBody } from "./components/Table/TableBody.svelte";
+export { default as TableCell } from "./components/Table/TableCell.svelte";
+export { default as TableHead } from "./components/Table/TableHead.svelte";
+export { default as TableHeader } from "./components/Table/TableHeader.svelte";
+export { default as TableRow } from "./components/Table/TableRow.svelte";
+export { default as Tab } from "./components/Tabs/Tab.svelte";
+export { default as TabList } from "./components/Tabs/TabList.svelte";
+export { default as TabPanel } from "./components/Tabs/TabPanel.svelte";
+export { default as Tabs } from "./components/Tabs/Tabs.svelte";
+export { default as Tag } from "./components/Tag/Tag.svelte";
+export { default as TagGroup } from "./components/Tag/TagGroup.svelte";
+export { default as ThemeToggle } from "./components/ThemeToggle/ThemeToggle.svelte";
+export { default as Timeline } from "./components/Timeline/Timeline.svelte";
+export { default as TimelineItem } from "./components/Timeline/TimelineItem.svelte";
+export { default as Toast } from "./components/Toast/Toast.svelte";
+export { default as Tooltip } from "./components/Tooltip/Tooltip.svelte";
+export { default as Tree } from "./components/Tree/Tree.svelte";
+export { default as TreeNode } from "./components/Tree/TreeNode.svelte";
+export { EventsTable, PropsTable } from "./docs/index.js";
+export { default as Section } from "./Section.svelte";