@oddkin/ai 0.0.0-stage → 1.0.0-beta.0

package/dist/voice-input/voice-input.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-input.recipe.d.ts","sourceRoot":"","sources":["../../src/voice-input/voice-input.recipe.ts"],"names":[],"mappings":"AAGA,kGAAkG;AAClG,eAAO,MAAM,gBAAgB,kDAG3B,CAAC"}

package/dist/voice-input/voice-input.recipe.js

@@ -0,0 +1,8 @@
+import { defineLayoutRecipe, stack } from '@oddkin/components/layout';
+import { token } from '@oddkin/tokens/refs';
+/** Arrangement of the voice input (layout-recipes.md §14): the record button above its status. */
+export const voiceInputRecipe = defineLayoutRecipe({
+    name: 'voice-input',
+    regions: { base: stack({ gap: token('space.xs') }) },
+});
+//# sourceMappingURL=voice-input.recipe.js.map

package/dist/voice-input/voice-input.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-input.recipe.js","sourceRoot":"","sources":["../../src/voice-input/voice-input.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,kGAAkG;AAClG,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;IACjD,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;CACrD,CAAC,CAAC"}

package/dist/voice-input/voice-input.recipe.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const voiceInputRecipeStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=voice-input.recipe.styles.d.ts.map

package/dist/voice-input/voice-input.recipe.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-input.recipe.styles.d.ts","sourceRoot":"","sources":["../../src/voice-input/voice-input.recipe.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,yCAElC,CAAC"}

package/dist/voice-input/voice-input.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./voice-input.recipe.ts by packages/ai/test/recipes.test.ts (UPDATE_FIXTURES=1).
+// Do not edit: change the recipe and regenerate.
+import { unsafeCSS } from '@oddkin/core/styles';
+export const voiceInputRecipeStyles = unsafeCSS('@layer odd.layout.base {\n  .base {\n    display: flex;\n    flex-direction: column;\n    gap: var(--odd-space-xs);\n    min-inline-size: 0;\n  }\n}\n');
+//# sourceMappingURL=voice-input.recipe.styles.js.map

package/dist/voice-input/voice-input.recipe.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-input.recipe.styles.js","sourceRoot":"","sources":["../../src/voice-input/voice-input.recipe.styles.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAC7C,wJAAwJ,CACzJ,CAAC"}

package/dist/voice-input/voice-input.styles.d.ts

@@ -0,0 +1,3 @@
+/** The arrangement is the layout recipe in `voice-input.recipe.ts`. */
+export declare const voiceInputStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=voice-input.styles.d.ts.map

package/dist/voice-input/voice-input.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-input.styles.d.ts","sourceRoot":"","sources":["../../src/voice-input/voice-input.styles.ts"],"names":[],"mappings":"AAIA,uEAAuE;AACvE,eAAO,MAAM,gBAAgB,yCA6C5B,CAAC"}

package/dist/voice-input/voice-input.styles.js

@@ -0,0 +1,51 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+import { voiceInputRecipeStyles } from './voice-input.recipe.styles.js';
+/** The arrangement is the layout recipe in `voice-input.recipe.ts`. */
+export const voiceInputStyles = css `
+  ${voiceInputRecipeStyles}
+  .record {
+    display: inline-flex;
+    align-items: center;
+    gap: ${token('space.xs')};
+  }
+  .dot {
+    inline-size: 0.625rem;
+    block-size: 0.625rem;
+    border-radius: ${token('radius.full')};
+    background: ${token('color.text.secondary')};
+  }
+  .record[aria-pressed='true'] .dot {
+    background: ${token('color.danger.foreground')};
+    animation: odd-voice-pulse 1s ease-in-out infinite;
+  }
+  @keyframes odd-voice-pulse {
+    50% {
+      opacity: 0.35;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .record[aria-pressed='true'] .dot {
+      animation: none;
+    }
+  }
+  .status-text {
+    margin: 0;
+    font-size: ${token('font.size.sm')};
+    color: ${token('color.text.secondary')};
+  }
+  .status-text:is(
+    [data-status='denied'],
+    [data-status='unavailable'],
+    [data-status='interrupted'],
+    [data-status='error']
+  ) {
+    color: ${token('color.danger.foreground')};
+  }
+  @media (forced-colors: active) {
+    .dot {
+      background: CanvasText;
+    }
+  }
+`;
+//# sourceMappingURL=voice-input.styles.js.map

package/dist/voice-input/voice-input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-input.styles.js","sourceRoot":"","sources":["../../src/voice-input/voice-input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAExE,uEAAuE;AACvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;IAC/B,sBAAsB;;;;WAIf,KAAK,CAAC,UAAU,CAAC;;;;;qBAKP,KAAK,CAAC,aAAa,CAAC;kBACvB,KAAK,CAAC,sBAAsB,CAAC;;;kBAG7B,KAAK,CAAC,yBAAyB,CAAC;;;;;;;;;;;;;;;iBAejC,KAAK,CAAC,cAAc,CAAC;aACzB,KAAK,CAAC,sBAAsB,CAAC;;;;;;;;aAQ7B,KAAK,CAAC,yBAAyB,CAAC;;;;;;;CAO5C,CAAC"}

package/dist/voice-input/voice-input.template.d.ts

@@ -0,0 +1,4 @@
+import type { OddkinVoiceInput } from './voice-input.js';
+/** Anatomy: `controls` (record toggle, cancel, use, clear), `status`, and a nested transcript. */
+export declare const voiceInputTemplate: (host: OddkinVoiceInput) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=voice-input.template.d.ts.map

package/dist/voice-input/voice-input.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-input.template.d.ts","sourceRoot":"","sources":["../../src/voice-input/voice-input.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,kGAAkG;AAClG,eAAO,MAAM,kBAAkB,SAAU,gBAAgB,mDA+CxD,CAAC"}

package/dist/voice-input/voice-input.template.js

@@ -0,0 +1,51 @@
+import { html } from '@oddkin/core/template';
+/** Anatomy: `controls` (record toggle, cancel, use, clear), `status`, and a nested transcript. */
+export const voiceInputTemplate = (host) => {
+    const t = host._strings;
+    const state = host._state.value;
+    const unsupported = state.status === 'unsupported';
+    const recording = state.status === 'recording' || state.status === 'requesting-permission';
+    const status = unsupported ? t.unsupported : t[state.status];
+    const hasText = state.segments.some((s) => s.text.trim());
+    return html `<div class="base" part="base">
+    <div part="controls" class="actions">
+      <button
+        class="record text-button"
+        type="button"
+        aria-pressed=${recording ? 'true' : 'false'}
+        ?disabled=${host.disabled || unsupported || state.status === 'processing'}
+        @click=${host._toggle}
+      >
+        <span class="dot" aria-hidden="true"></span>${recording ? t.stop : t.start}
+      </button>
+      <button class="text-button" type="button" ?hidden=${!recording} @click=${host._cancel}>
+        ${t.cancel}
+      </button>
+      <button
+        class="text-button"
+        type="button"
+        ?hidden=${recording || !hasText}
+        @click=${host._use}
+      >
+        ${t.use}
+      </button>
+      <button
+        class="text-button"
+        type="button"
+        ?hidden=${recording || !hasText}
+        @click=${host._clear}
+      >
+        ${t.clear}
+      </button>
+    </div>
+    <p part="status" class="status-text" data-status=${state.status} ?hidden=${!status}>
+      ${status}
+    </p>
+    <odd-transcript
+      .segments=${state.segments}
+      .interim=${state.interim}
+      ?hidden=${!hasText && !state.interim}
+    ></odd-transcript>
+  </div>`;
+};
+//# sourceMappingURL=voice-input.template.js.map

package/dist/voice-input/voice-input.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-input.template.js","sourceRoot":"","sources":["../../src/voice-input/voice-input.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,kGAAkG;AAClG,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAsB,EAAE,EAAE;IAC3D,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;IACxB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,KAAK,aAAa,CAAC;IACnD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,KAAK,WAAW,IAAI,KAAK,CAAC,MAAM,KAAK,uBAAuB,CAAC;IAC3F,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1D,OAAO,IAAI,CAAA;;;;;uBAKU,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBAC/B,IAAI,CAAC,QAAQ,IAAI,WAAW,IAAI,KAAK,CAAC,MAAM,KAAK,YAAY;iBAChE,IAAI,CAAC,OAAO;;sDAEyB,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;;0DAExB,CAAC,SAAS,WAAW,IAAI,CAAC,OAAO;UACjF,CAAC,CAAC,MAAM;;;;;kBAKA,SAAS,IAAI,CAAC,OAAO;iBACtB,IAAI,CAAC,IAAI;;UAEhB,CAAC,CAAC,GAAG;;;;;kBAKG,SAAS,IAAI,CAAC,OAAO;iBACtB,IAAI,CAAC,MAAM;;UAElB,CAAC,CAAC,KAAK;;;uDAGsC,KAAK,CAAC,MAAM,YAAY,CAAC,MAAM;QAC9E,MAAM;;;kBAGI,KAAK,CAAC,QAAQ;iBACf,KAAK,CAAC,OAAO;gBACd,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO;;SAEjC,CAAC;AACV,CAAC,CAAC"}