@aiaiai-pt/design-system 0.3.6 → 0.3.8

package/components/Toast.svelte.d.ts

@@ -0,0 +1,38 @@
+export default Toast;
+type Toast = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+/**
+ * Toast
+ *
+ * Non-blocking notification with accent stripe.
+ * Consumes --toast-* tokens from components.css.
+ *
+ * This is the visual component only — toast positioning/stacking/auto-dismiss
+ * is the consumer's responsibility.
+ *
+ * @example
+ * <Toast variant="success">
+ *   <strong>Project created.</strong> Your new project is ready.
+ * </Toast>
+ *
+ * @example With action
+ * <Toast variant="info" actionLabel="UNDO" onaction={() => undo()}>
+ *   <strong>Message archived.</strong>
+ * </Toast>
+ */
+declare const Toast: import("svelte").Component<{
+    variant?: string;
+    actionLabel?: any;
+    onaction?: any;
+    class?: string;
+    children?: any;
+} & Record<string, any>, {}, "">;
+type $$ComponentProps = {
+    variant?: string;
+    actionLabel?: any;
+    onaction?: any;
+    class?: string;
+    children?: any;
+} & Record<string, any>;

package/components/Toggle.svelte.d.ts

@@ -0,0 +1,33 @@
+export default Toggle;
+type Toggle = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+/**
+ * Toggle
+ *
+ * On/off switch with label.
+ * Consumes --toggle-* tokens from components.css.
+ *
+ * @example
+ * <Toggle label="Dark mode" bind:checked />
+ *
+ * @example Disabled
+ * <Toggle label="Notifications" checked disabled />
+ */
+declare const Toggle: import("svelte").Component<{
+    checked?: boolean;
+    disabled?: boolean;
+    label?: any;
+    id?: any;
+    onchange?: any;
+    class?: string;
+} & Record<string, any>, {}, "checked">;
+type $$ComponentProps = {
+    checked?: boolean;
+    disabled?: boolean;
+    label?: any;
+    id?: any;
+    onchange?: any;
+    class?: string;
+} & Record<string, any>;

package/components/index.d.ts

@@ -0,0 +1,49 @@
+export { default as Badge } from "./Badge.svelte";
+export { default as Tag } from "./Tag.svelte";
+export { default as Status } from "./Status.svelte";
+export { default as Skeleton } from "./Skeleton.svelte";
+export { default as KeyValue } from "./KeyValue.svelte";
+export { default as Button } from "./Button.svelte";
+export { default as Input } from "./Input.svelte";
+export { default as Textarea } from "./Textarea.svelte";
+export { default as Select } from "./Select.svelte";
+export { default as Toggle } from "./Toggle.svelte";
+export { default as Checkbox } from "./Checkbox.svelte";
+export { default as Label } from "./Label.svelte";
+export { default as FileUpload } from "./FileUpload.svelte";
+export { default as FileUploadItem } from "./FileUploadItem.svelte";
+export { default as Separator } from "./Separator.svelte";
+export { default as Progress } from "./Progress.svelte";
+export { default as List } from "./List.svelte";
+export { default as ListItem } from "./ListItem.svelte";
+export { default as PageContainer } from "./PageContainer.svelte";
+export { default as Card } from "./Card.svelte";
+export { default as Panel } from "./Panel.svelte";
+export { default as Modal } from "./Modal.svelte";
+export { default as Popover } from "./Popover.svelte";
+export { default as Menu } from "./Menu.svelte";
+export { default as MenuItem } from "./MenuItem.svelte";
+export { default as MenuSeparator } from "./MenuSeparator.svelte";
+export { default as Combobox } from "./Combobox.svelte";
+export { default as SearchInput } from "./SearchInput.svelte";
+export { default as FilterBar } from "./FilterBar.svelte";
+export { default as CommandPalette } from "./CommandPalette.svelte";
+export { default as Tabs } from "./Tabs.svelte";
+export { default as TabList } from "./TabList.svelte";
+export { default as Tab } from "./Tab.svelte";
+export { default as TabPanel } from "./TabPanel.svelte";
+export { default as Alert } from "./Alert.svelte";
+export { default as Toast } from "./Toast.svelte";
+export { default as EmptyState } from "./EmptyState.svelte";
+export { default as Sidebar } from "./Sidebar.svelte";
+export { default as SidebarItem } from "./SidebarItem.svelte";
+export { default as SidebarSection } from "./SidebarSection.svelte";
+export { default as BottomNav } from "./BottomNav.svelte";
+export { default as BottomNavItem } from "./BottomNavItem.svelte";
+export { default as Stepper } from "./Stepper.svelte";
+export { default as CodeBlock } from "./CodeBlock.svelte";
+export { default as CodeEditor } from "./CodeEditor.svelte";
+export { default as CollapsibleSection } from "./CollapsibleSection.svelte";
+export { default as OptionGrid } from "./OptionGrid.svelte";
+export { default as ConditionTable } from "./ConditionTable.svelte";
+export { default as LogViewer } from "./LogViewer.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiaiai-pt/design-system",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "Design system tokens and Svelte components for aiaiai products",
   "license": "MIT",
   "type": "module",
@@ -11,16 +11,27 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build:types": "svelte-package --input . --output dist && cp dist/components/*.d.ts components/ && rm -rf dist",
+    "prepublishOnly": "npm run build:types"
+  },
   "svelte": "./components/index.js",
   "exports": {
     ".": {
+      "types": "./components/index.d.ts",
       "svelte": "./components/index.js",
       "default": "./components/index.js"
     },
     "./components": {
+      "types": "./components/index.d.ts",
       "svelte": "./components/index.js",
       "default": "./components/index.js"
     },
+    "./components/*.svelte": {
+      "types": "./components/*.svelte.d.ts",
+      "svelte": "./components/*.svelte",
+      "default": "./components/*.svelte"
+    },
     "./components/*": {
       "svelte": "./components/*",
       "default": "./components/*"
@@ -41,5 +52,11 @@
     "@codemirror/view": "^6.40.0",
     "@lezer/highlight": "^1.0.0",
     "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.5.7",
+    "svelte": "^5.55.3",
+    "svelte-check": "^4.4.6",
+    "typescript": "^5.9.3"
   }
 }