@fluentui-copilot/react-prompt-starter 0.0.0-nightly-20251006-0406-b5da4f6a.1 → 0.0.0-nightly-20251010-0406-7df7c6d1.1

package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js

@@ -1,94 +0,0 @@
-import { makeStyles, makeResetStyles, mergeClasses, shorthands, typographyStyles, createFocusOutlineStyle } from '@fluentui/react-components';
-import { tokens } from '@fluentui-copilot/tokens';
-export const promptStarterClassNames = {
-    root: 'fai-PromptStarter',
-    category: 'fai-PromptStarter__category',
-    icon: 'fai-PromptStarter__icon',
-    prompt: 'fai-PromptStarter__prompt',
-    badge: 'fai-PromptStarter__badge'
-};
-const useRootResetStyles = makeResetStyles({
-    position: 'relative',
-    display: 'grid',
-    gridTemplateColumns: 'auto 1fr',
-    gridTemplateRows: 'auto auto',
-    gridTemplateAreas: `
-    "icon category"
-    ".    prompt"
-  `,
-    backgroundColor: tokens.colorNeutralBackground1,
-    color: tokens.colorNeutralForeground1,
-    fontFamily: tokens.fontFamilyBase,
-    cursor: 'pointer',
-    outlineStyle: 'none',
-    textAlign: 'left',
-    gap: '0px 8px',
-    padding: '6px 8px 8px 8px',
-    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),
-    borderRadius: tokens.borderRadiusMedium,
-    '&:hover': {
-        backgroundColor: tokens.colorNeutralBackground1Hover,
-        ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover)
-    },
-    '&:active': {
-        backgroundColor: tokens.colorNeutralBackground1Pressed,
-        ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed)
-    },
-    ...createFocusOutlineStyle()
-});
-const useStyles = makeStyles({
-    disabled: {
-        cursor: 'not-allowed',
-        backgroundColor: tokens.colorNeutralBackgroundDisabled,
-        ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),
-        '&:hover': {
-            backgroundColor: tokens.colorNeutralBackgroundDisabled,
-            ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled)
-        },
-        '&:active': {
-            backgroundColor: tokens.colorNeutralBackgroundDisabled,
-            ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled)
-        }
-    },
-    icon: {
-        gridArea: 'icon',
-        display: 'flex',
-        alignSelf: 'center'
-    },
-    category: {
-        ...typographyStyles.body1Strong,
-        gridArea: 'category'
-    },
-    prompt: {
-        ...typographyStyles.body1,
-        gridArea: 'prompt'
-    },
-    disabledText: {
-        color: tokens.colorNeutralForegroundDisabled
-    },
-    disabledBadge: {
-        opacity: '40%'
-    }
-});
-const useNextStyles = makeStyles({
-    root: {
-        borderRadius: tokens.borderRadiusXLarge
-    }
-});
-export const usePromptStarterStyles_unstable = (state)=>{
-    'use no memo';
-    const { designVersion } = state;
-    const styles = useStyles();
-    const nextStyles = useNextStyles();
-    const rootResetStyles = useRootResetStyles();
-    state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, designVersion === 'next' && nextStyles.root, state.root.disabled && styles.disabled, state.root.className);
-    state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.root.disabled && styles.disabledText, state.icon.className);
-    state.category.className = mergeClasses(promptStarterClassNames.category, styles.category, state.category.className, state.root.disabled && styles.disabledText);
-    if (state.prompt) {
-        state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, state.root.disabled && styles.disabledText, state.prompt.className);
-    }
-    if (state.badge) {
-        state.badge.className = mergeClasses(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);
-    }
-    return state;
-};

package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  makeResetStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n  createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n  root: 'fai-PromptStarter',\n  category: 'fai-PromptStarter__category',\n  icon: 'fai-PromptStarter__icon',\n  prompt: 'fai-PromptStarter__prompt',\n  badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  position: 'relative',\n  display: 'grid',\n  gridTemplateColumns: 'auto 1fr',\n  gridTemplateRows: 'auto auto',\n  gridTemplateAreas: `\n    \"icon category\"\n    \".    prompt\"\n  `,\n  backgroundColor: tokens.colorNeutralBackground1,\n  color: tokens.colorNeutralForeground1,\n  fontFamily: tokens.fontFamilyBase,\n  cursor: 'pointer',\n  outlineStyle: 'none',\n  textAlign: 'left',\n  gap: '0px 8px',\n  padding: '6px 8px 8px 8px',\n  ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n  borderRadius: tokens.borderRadiusMedium,\n  '&:hover': {\n    backgroundColor: tokens.colorNeutralBackground1Hover,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n  },\n  '&:active': {\n    backgroundColor: tokens.colorNeutralBackground1Pressed,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n  },\n  ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n  disabled: {\n    cursor: 'not-allowed',\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    '&:hover': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n    '&:active': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n    },\n  },\n  icon: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n  category: {\n    ...typographyStyles.body1Strong,\n    gridArea: 'category',\n  },\n  prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n  disabledText: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  disabledBadge: {\n    opacity: '40%',\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const styles = useStyles();\n  const nextStyles = useNextStyles();\n  const rootResetStyles = useRootResetStyles();\n  state.root.className = mergeClasses(\n    promptStarterClassNames.root,\n    rootResetStyles,\n    designVersion === 'next' && nextStyles.root,\n    state.root.disabled && styles.disabled,\n    state.root.className,\n  );\n  state.icon.className = mergeClasses(\n    promptStarterClassNames.icon,\n    styles.icon,\n    state.root.disabled && styles.disabledText,\n    state.icon.className,\n  );\n  state.category.className = mergeClasses(\n    promptStarterClassNames.category,\n    styles.category,\n    state.category.className,\n    state.root.disabled && styles.disabledText,\n  );\n  if (state.prompt) {\n    state.prompt.className = mergeClasses(\n      promptStarterClassNames.prompt,\n      styles.prompt,\n      state.root.disabled && styles.disabledText,\n      state.prompt.className,\n    );\n  }\n  if (state.badge) {\n    state.badge.className = mergeClasses(\n      promptStarterClassNames.badge,\n      state.root.disabled && styles.disabledBadge,\n      state.badge.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","createFocusOutlineStyle","tokens","promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","position","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground1","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","useStyles","disabled","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","gridArea","alignSelf","body1Strong","body1","disabledText","colorNeutralForegroundDisabled","disabledBadge","opacity","useNextStyles","borderRadiusXLarge","usePromptStarterStyles_unstable","state","designVersion","styles","nextStyles","rootResetStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { usePromptStarter_unstable } from './usePromptStarter';
-import { renderPromptStarter_unstable } from './renderPromptStarter';
-import { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
-import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
-export const PromptStarter = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = usePromptStarter_unstable(props, ref);
-    usePromptStarterStyles_unstable(state);
-    useCustomStyleHook('usePromptStarterStyles')(state);
-    return renderPromptStarter_unstable(state);
-});
-PromptStarter.displayName = 'PromptStarter';

package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PromptStarter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarter_unstable } from './usePromptStarter';\nimport { renderPromptStarter_unstable } from './renderPromptStarter';\nimport { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport type { PromptStarterProps } from './PromptStarter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PromptStarter: ForwardRefComponent<PromptStarterProps> = React.forwardRef((props, ref) => {\n  const state = usePromptStarter_unstable(props, ref);\n\n  usePromptStarterStyles_unstable(state);\n  useCustomStyleHook('usePromptStarterStyles')(state);\n\n  return renderPromptStarter_unstable(state);\n});\n\nPromptStarter.displayName = 'PromptStarter';\n"],"names":["React","usePromptStarter_unstable","renderPromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","PromptStarter","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAClF,SAASC,kBAAkB,QAAQ,mCAAmC;AAItE,OAAO,MAAMC,8BAAyDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQR,0BAA0BM,OAAOC;IAE/CL,gCAAgCM;IAChCL,mBAAmB,0BAA0BK;IAE7C,OAAOP,6BAA6BO;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.types.js

@@ -1,3 +0,0 @@
-/**
- * State used in rendering PromptStarter
- */ export { };

package/lib/components/PromptStarterV2/PromptStarter/PromptStarter.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PromptStarter.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PromptStarterSlots = {\n  root: NonNullable<Slot<'div'>>;\n  primaryAction: NonNullable<Slot<'button'>>;\n  icon?: Slot<'span'>;\n  prompt: NonNullable<Slot<'span'>>;\n  reasonMarker?: Slot<'span'>;\n  actions?: Slot<'span'>;\n};\n\n/**\n * PromptStarter Props\n */\nexport type PromptStarterProps = Omit<ComponentProps<PromptStarterSlots>, 'disabled'>;\n\n/**\n * State used in rendering PromptStarter\n */\nexport type PromptStarterState = ComponentState<PromptStarterSlots> & {\n  isSingleColumn?: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC,GACD,WAEE"}

package/lib/components/PromptStarterV2/PromptStarter/index.js

@@ -1,4 +0,0 @@
-export { PromptStarter } from './PromptStarter';
-export { renderPromptStarter_unstable } from './renderPromptStarter';
-export { usePromptStarter_unstable } from './usePromptStarter';
-export { promptStarterClassNames, usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';

package/lib/components/PromptStarterV2/PromptStarter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export { PromptStarter } from './PromptStarter';\nexport type { PromptStarterProps, PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nexport { renderPromptStarter_unstable } from './renderPromptStarter';\nexport { usePromptStarter_unstable } from './usePromptStarter';\nexport { promptStarterClassNames, usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\n"],"names":["PromptStarter","renderPromptStarter_unstable","usePromptStarter_unstable","promptStarterClassNames","usePromptStarterStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}

package/lib/components/PromptStarterV2/PromptStarter/promptStarterMotion.js

@@ -1,63 +0,0 @@
-import { createPresenceComponent } from '@fluentui/react-components';
-export const PromptStarterMotion = createPresenceComponent(({ index, numberOfColumns })=>{
-    const isFirstRow = index < numberOfColumns;
-    const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;
-    const opacityDuration = 100;
-    const opacityOffset = delay / (delay + opacityDuration);
-    const opacityEasing = 'linear';
-    const scaleDuration = 500;
-    const scaleOffset = delay / (delay + scaleDuration);
-    const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;
-    const opacityExitDuration = 200;
-    return {
-        enter: [
-            {
-                keyframes: [
-                    {
-                        opacity: 0
-                    },
-                    {
-                        opacity: 0,
-                        offset: opacityOffset
-                    },
-                    {
-                        opacity: 1
-                    }
-                ],
-                easing: opacityEasing,
-                duration: opacityDuration + delay
-            },
-            {
-                keyframes: [
-                    {
-                        transform: 'scale(0.9)'
-                    },
-                    {
-                        transform: 'scale(0.9)',
-                        offset: scaleOffset
-                    },
-                    {
-                        transform: 'scale(1)'
-                    }
-                ],
-                easing: scaleEasing,
-                duration: scaleDuration + delay
-            }
-        ],
-        exit: {
-            keyframes: [
-                {
-                    opacity: 1
-                },
-                {
-                    opacity: 1
-                },
-                {
-                    opacity: 0
-                }
-            ],
-            easing: opacityEasing,
-            duration: opacityExitDuration
-        }
-    };
-});

package/lib/components/PromptStarterV2/PromptStarter/promptStarterMotion.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["promptStarterMotion.ts"],"sourcesContent":["import { createPresenceComponent } from '@fluentui/react-components';\n\nexport type PromptStarterMotionParams = { index: number; numberOfColumns: number };\n\nexport const PromptStarterMotion: ReturnType<typeof createPresenceComponent<PromptStarterMotionParams>> =\n  createPresenceComponent<PromptStarterMotionParams>(({ index, numberOfColumns }) => {\n    const isFirstRow = index < numberOfColumns;\n    const delay = isFirstRow ? index * 50 : (index - numberOfColumns) * 50;\n\n    const opacityDuration = 100;\n    const opacityOffset = delay / (delay + opacityDuration);\n    const opacityEasing = 'linear';\n\n    const scaleDuration = 500;\n    const scaleOffset = delay / (delay + scaleDuration);\n    const scaleEasing = `cubic-bezier(0.22, 1.59, 0.46, 1)`;\n\n    const opacityExitDuration = 200;\n\n    return {\n      enter: [\n        {\n          keyframes: [{ opacity: 0 }, { opacity: 0, offset: opacityOffset }, { opacity: 1 }],\n          easing: opacityEasing,\n          duration: opacityDuration + delay,\n        },\n        {\n          keyframes: [\n            { transform: 'scale(0.9)' },\n            { transform: 'scale(0.9)', offset: scaleOffset },\n            { transform: 'scale(1)' },\n          ],\n          easing: scaleEasing,\n          duration: scaleDuration + delay,\n        },\n      ],\n      exit: {\n        keyframes: [{ opacity: 1 }, { opacity: 1 }, { opacity: 0 }],\n        easing: opacityEasing,\n        duration: opacityExitDuration,\n      },\n    };\n  });\n"],"names":["createPresenceComponent","PromptStarterMotion","index","numberOfColumns","isFirstRow","delay","opacityDuration","opacityOffset","opacityEasing","scaleDuration","scaleOffset","scaleEasing","opacityExitDuration","enter","keyframes","opacity","offset","easing","duration","transform","exit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,uBAAuB,QAAQ,6BAA6B;AAIrE,OAAO,MAAMC,sBACXD,wBAAmD,CAAC,EAAEE,KAAK,EAAEC,eAAe,EAAE;IAC5E,MAAMC,aAAaF,QAAQC;IAC3B,MAAME,QAAQD,aAAaF,QAAQ,KAAK,AAACA,CAAAA,QAAQC,eAAc,IAAK;IAEpE,MAAMG,kBAAkB;IACxB,MAAMC,gBAAgBF,QAASA,CAAAA,QAAQC,eAAc;IACrD,MAAME,gBAAgB;IAEtB,MAAMC,gBAAgB;IACtB,MAAMC,cAAcL,QAASA,CAAAA,QAAQI,aAAY;IACjD,MAAME,cAAc,CAAC,iCAAiC,CAAC;IAEvD,MAAMC,sBAAsB;IAE5B,OAAO;QACLC,OAAO;YACL;gBACEC,WAAW;oBAAC;wBAAEC,SAAS;oBAAE;oBAAG;wBAAEA,SAAS;wBAAGC,QAAQT;oBAAc;oBAAG;wBAAEQ,SAAS;oBAAE;iBAAE;gBAClFE,QAAQT;gBACRU,UAAUZ,kBAAkBD;YAC9B;YACA;gBACES,WAAW;oBACT;wBAAEK,WAAW;oBAAa;oBAC1B;wBAAEA,WAAW;wBAAcH,QAAQN;oBAAY;oBAC/C;wBAAES,WAAW;oBAAW;iBACzB;gBACDF,QAAQN;gBACRO,UAAUT,gBAAgBJ;YAC5B;SACD;QACDe,MAAM;YACJN,WAAW;gBAAC;oBAAEC,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;gBAAG;oBAAEA,SAAS;gBAAE;aAAE;YAC3DE,QAAQT;YACRU,UAAUN;QACZ;IACF;AACF,GAAG"}

package/lib/components/PromptStarterV2/PromptStarter/renderPromptStarter.js

@@ -1,17 +0,0 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-components';
-export const renderPromptStarter_unstable = (state)=>{
-    assertSlots(state);
-    return /*#__PURE__*/ _jsxs(state.root, {
-        children: [
-            /*#__PURE__*/ _jsxs(state.primaryAction, {
-                children: [
-                    state.icon && /*#__PURE__*/ _jsx(state.icon, {}),
-                    /*#__PURE__*/ _jsx(state.prompt, {}),
-                    state.reasonMarker && /*#__PURE__*/ _jsx(state.reasonMarker, {})
-                ]
-            }),
-            state.actions && /*#__PURE__*/ _jsx(state.actions, {})
-        ]
-    });
-};

package/lib/components/PromptStarterV2/PromptStarter/renderPromptStarter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState) => {\n  assertSlots<PromptStarterSlots>(state);\n\n  return (\n    <state.root>\n      <state.primaryAction>\n        {state.icon && <state.icon />}\n        <state.prompt />\n        {state.reasonMarker && <state.reasonMarker />}\n      </state.primaryAction>\n      {state.actions && <state.actions />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderPromptStarter_unstable","state","root","primaryAction","icon","prompt","reasonMarker","actions"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAAgCE;IAEhC,qBACE,MAACA,MAAMC,IAAI;;0BACT,MAACD,MAAME,aAAa;;oBACjBF,MAAMG,IAAI,kBAAI,KAACH,MAAMG,IAAI;kCAC1B,KAACH,MAAMI,MAAM;oBACZJ,MAAMK,YAAY,kBAAI,KAACL,MAAMK,YAAY;;;YAE3CL,MAAMM,OAAO,kBAAI,KAACN,MAAMM,OAAO;;;AAGtC,EAAE"}

package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js

@@ -1,66 +0,0 @@
-import { getIntrinsicElementProps, slot, useFocusableGroup, useId } from '@fluentui/react-components';
-import { usePromptStarterListContext } from '../../../contexts/PromptStarterListContext';
-/**
- * Create the state required to render PromptStarter.
- *
- * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,
- * before being passed to renderPromptStarter_unstable.
- *
- * @param props - props from this instance of PromptStarter
- * @param ref - reference to root HTMLElement of PromptStarter
- */ export const usePromptStarter_unstable = (props, ref)=>{
-    const id = useId('prompt-starter');
-    const focusAttrs = useFocusableGroup();
-    const numberOfColumns = usePromptStarterListContext((ctx)=>ctx.numberOfColumns);
-    // if this is defined, the context exists and the Prompt is within PromptStarterList
-    const isWithinList = typeof numberOfColumns === 'number';
-    const isSingleColumn = numberOfColumns === 1;
-    const state = {
-        isSingleColumn,
-        components: {
-            root: 'div',
-            primaryAction: 'button',
-            icon: 'span',
-            prompt: 'span',
-            reasonMarker: 'span',
-            actions: 'span'
-        },
-        root: slot.always(getIntrinsicElementProps('div', {
-            ref,
-            role: isWithinList ? 'listitem' : undefined,
-            ...focusAttrs,
-            ...props
-        }), {
-            elementType: 'div'
-        }),
-        primaryAction: slot.always(props.primaryAction, {
-            defaultProps: {
-                'aria-labelledby': `${id}-prompt`,
-                'aria-describedby': `${id}-icon ${id}-reasonMarker`
-            },
-            elementType: 'button'
-        }),
-        icon: !isSingleColumn ? slot.optional(props.icon, {
-            defaultProps: {
-                id: `${id}-icon`
-            },
-            elementType: 'span'
-        }) : undefined,
-        prompt: slot.always(props.prompt, {
-            defaultProps: {
-                id: `${id}-prompt`
-            },
-            elementType: 'span'
-        }),
-        reasonMarker: !isSingleColumn ? slot.optional(props.reasonMarker, {
-            defaultProps: {
-                id: `${id}-reasonMarker`
-            },
-            elementType: 'span'
-        }) : undefined,
-        actions: !isSingleColumn ? slot.optional(props.actions, {
-            elementType: 'span'
-        }) : undefined
-    };
-    return state;
-};

package/lib/components/PromptStarterV2/PromptStarter/usePromptStarter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot, useFocusableGroup, useId } from '@fluentui/react-components';\nimport { usePromptStarterListContext } from '../../../contexts/PromptStarterListContext';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n  props: PromptStarterProps,\n  ref: React.Ref<HTMLDivElement>,\n): PromptStarterState => {\n  const id = useId('prompt-starter');\n  const focusAttrs = useFocusableGroup();\n\n  const numberOfColumns = usePromptStarterListContext(ctx => ctx.numberOfColumns);\n  // if this is defined, the context exists and the Prompt is within PromptStarterList\n  const isWithinList = typeof numberOfColumns === 'number';\n\n  const isSingleColumn = numberOfColumns === 1;\n\n  const state: PromptStarterState = {\n    isSingleColumn,\n    components: {\n      root: 'div',\n      primaryAction: 'button',\n      icon: 'span',\n      prompt: 'span',\n      reasonMarker: 'span',\n      actions: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: isWithinList ? 'listitem' : undefined,\n        ...focusAttrs,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    primaryAction: slot.always(props.primaryAction, {\n      defaultProps: {\n        'aria-labelledby': `${id}-prompt`,\n        'aria-describedby': `${id}-icon ${id}-reasonMarker`,\n      },\n      elementType: 'button',\n    }),\n    icon: !isSingleColumn\n      ? slot.optional(props.icon, {\n          defaultProps: { id: `${id}-icon` },\n          elementType: 'span',\n        })\n      : undefined,\n    prompt: slot.always(props.prompt, {\n      defaultProps: { id: `${id}-prompt` },\n      elementType: 'span',\n    }),\n    reasonMarker: !isSingleColumn\n      ? slot.optional(props.reasonMarker, {\n          defaultProps: { id: `${id}-reasonMarker` },\n          elementType: 'span',\n        })\n      : undefined,\n    actions: !isSingleColumn ? slot.optional(props.actions, { elementType: 'span' }) : undefined,\n  };\n\n  return state;\n};\n"],"names":["getIntrinsicElementProps","slot","useFocusableGroup","useId","usePromptStarterListContext","usePromptStarter_unstable","props","ref","id","focusAttrs","numberOfColumns","ctx","isWithinList","isSingleColumn","state","components","root","primaryAction","icon","prompt","reasonMarker","actions","always","role","undefined","elementType","defaultProps","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,EAAEC,iBAAiB,EAAEC,KAAK,QAAQ,6BAA6B;AACtG,SAASC,2BAA2B,QAAQ,6CAA6C;AAGzF;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,KAAKL,MAAM;IACjB,MAAMM,aAAaP;IAEnB,MAAMQ,kBAAkBN,4BAA4BO,CAAAA,MAAOA,IAAID,eAAe;IAC9E,oFAAoF;IACpF,MAAME,eAAe,OAAOF,oBAAoB;IAEhD,MAAMG,iBAAiBH,oBAAoB;IAE3C,MAAMI,QAA4B;QAChCD;QACAE,YAAY;YACVC,MAAM;YACNC,eAAe;YACfC,MAAM;YACNC,QAAQ;YACRC,cAAc;YACdC,SAAS;QACX;QACAL,MAAMf,KAAKqB,MAAM,CACftB,yBAAyB,OAAO;YAC9BO;YACAgB,MAAMX,eAAe,aAAaY;YAClC,GAAGf,UAAU;YACb,GAAGH,KAAK;QACV,IACA;YAAEmB,aAAa;QAAM;QAEvBR,eAAehB,KAAKqB,MAAM,CAAChB,MAAMW,aAAa,EAAE;YAC9CS,cAAc;gBACZ,mBAAmB,CAAC,EAAElB,GAAG,OAAO,CAAC;gBACjC,oBAAoB,CAAC,EAAEA,GAAG,MAAM,EAAEA,GAAG,aAAa,CAAC;YACrD;YACAiB,aAAa;QACf;QACAP,MAAM,CAACL,iBACHZ,KAAK0B,QAAQ,CAACrB,MAAMY,IAAI,EAAE;YACxBQ,cAAc;gBAAElB,IAAI,CAAC,EAAEA,GAAG,KAAK,CAAC;YAAC;YACjCiB,aAAa;QACf,KACAD;QACJL,QAAQlB,KAAKqB,MAAM,CAAChB,MAAMa,MAAM,EAAE;YAChCO,cAAc;gBAAElB,IAAI,CAAC,EAAEA,GAAG,OAAO,CAAC;YAAC;YACnCiB,aAAa;QACf;QACAL,cAAc,CAACP,iBACXZ,KAAK0B,QAAQ,CAACrB,MAAMc,YAAY,EAAE;YAChCM,cAAc;gBAAElB,IAAI,CAAC,EAAEA,GAAG,aAAa,CAAC;YAAC;YACzCiB,aAAa;QACf,KACAD;QACJH,SAAS,CAACR,iBAAiBZ,KAAK0B,QAAQ,CAACrB,MAAMe,OAAO,EAAE;YAAEI,aAAa;QAAO,KAAKD;IACrF;IAEA,OAAOV;AACT,EAAE"}

package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js

@@ -1,276 +0,0 @@
-import { __styles, __resetStyles, mergeClasses, shorthands, typographyStyles, createFocusOutlineStyle } from '@fluentui/react-components';
-import { tokens } from '@fluentui-copilot/tokens';
-export const promptStarterClassNames = {
-  root: 'fai-PromptStarter',
-  primaryAction: 'fai-PromptStarter__primaryAction',
-  icon: 'fai-PromptStarter__icon',
-  prompt: 'fai-PromptStarter__prompt',
-  reasonMarker: 'fai-PromptStarter__reasonMarker',
-  actions: 'fai-PromptStarter__actions'
-};
-const useRootResetStyles = __resetStyles("r1x2hm06", null, [".r1x2hm06{display:grid;grid-template-columns:1fr auto;grid-template-rows:max-content auto;min-width:214px;}", ".r1x2hm06:hover .fai-PromptStarter__primaryAction{box-shadow:var(--shadow16);transform:scale(1.03);transition:transform var(--durationNormal) var(--curveDecelerateMin);}", ".r1x2hm06:active .fai-PromptStarter__primaryAction{box-shadow:var(--shadow8);transform:scale(1.03);transition:transform var(--durationNormal) var(--curveDecelerateMin);}", ".r1x2hm06:not(:focus-within):not(:hover) .fai-PromptStarter__actions{clip:rect(0px, 0px, 0px, 0px);height:1px;margin:-1px;overflow:hidden;padding:0px;width:1px;position:absolute;opacity:0;}"]);
-const useStyles = __styles({
-  primaryAction: {
-    nk6f5a: 0,
-    Ijaq50: 0,
-    h3tjnc: "fcdwmbt",
-    Bw0ie65: 0,
-    Br312pm: 0,
-    Beweih1: "f1eb8yyf",
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1vx9l62",
-    qhf8xq: "f10pi13n",
-    Beyfa6y: 0,
-    Bbmb7ep: 0,
-    Btl43ni: 0,
-    B7oj6ja: 0,
-    Dimara: "f14w4nd",
-    De3pzq: "fxugw4r",
-    sj55zd: "fkfq4zb",
-    Bahqtrf: "fk6fouc",
-    Bceei9c: "f1k6fduh",
-    oeaueh: "f1s6fcnf",
-    fsow6f: ["f1o700av", "fes3tcz"],
-    Belr9w4: "fylz90v",
-    Byoj8tv: 0,
-    uwmqm3: 0,
-    z189sj: 0,
-    z8tnut: 0,
-    B0ocmuz: "fq88wcj",
-    B4j52fo: "f192inf7",
-    Bekrc4i: ["f5tn483", "f1ojsxk5"],
-    Bn0qgzm: "f1vxd6vx",
-    ibv6hh: ["f1ojsxk5", "f5tn483"],
-    icvyot: "fzkkow9",
-    vrafjx: ["fcdblym", "fjik90z"],
-    oivjwe: "fg706s2",
-    wvpqe5: ["fjik90z", "fcdblym"],
-    g2u3we: "f68mrw8",
-    h3c5rm: ["f7pw515", "fw35ms5"],
-    B9xav0g: "frpde29",
-    zhjwy3: ["fw35ms5", "f7pw515"],
-    Brovlpu: "ftqa4ok",
-    B486eqv: "f2hkw1w",
-    B8q5s1w: "f8hki3x",
-    Bci5o5g: ["f1d2448m", "ffh67wi"],
-    n8qw10: "f1bjia2o",
-    Bdrgwmp: ["ffh67wi", "f1d2448m"],
-    Bqhya38: "f1j6vpng",
-    Bwxa6fj: ["f1pniga2", "f1ffjurs"],
-    Bdhvstf: "f987i1v",
-    B7zbvrb: ["f1ffjurs", "f1pniga2"],
-    Bm4h7ae: "f15bsgw9",
-    B7ys5i9: "f14e48fq",
-    Busjfv9: "f18yb2kv",
-    Bhk32uz: "fd6o370",
-    f6g5ot: 0,
-    Boxcth7: 0,
-    Bhdgwq3: 0,
-    hgwjuy: 0,
-    Bshpdp8: 0,
-    Bsom6fd: 0,
-    Blkhhs4: 0,
-    Bonggc9: 0,
-    Ddfuxk: 0,
-    i03rao: 0,
-    kclons: 0,
-    clg4pj: 0,
-    Bpqj9nj: 0,
-    B6dhp37: 0,
-    Bf4ptjt: 0,
-    Bqtpl0w: 0,
-    i4rwgc: "ffwy5si",
-    Dah5zi: 0,
-    B1tsrr9: 0,
-    qqdqy8: 0,
-    Bkh64rk: 0,
-    e3fwne: "faugzkp",
-    J0r882: "f57olzd",
-    Bule8hv: ["f4stah7", "fs1por5"],
-    Bjwuhne: "f480a47",
-    Ghsupd: ["fs1por5", "f4stah7"]
-  },
-  primaryActionHovered: {
-    E5pizo: "f1hg901r",
-    Bz10aip: "f15ncuxf",
-    Bn62ygk: 0,
-    Cwk7ip: 0,
-    B3o57yi: 0,
-    Bmy1vo4: 0,
-    Bkqvd7p: 0,
-    Bi2q7bf: "ffrhwuo"
-  },
-  icon: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    sshi5w: "fntfeoj"
-  },
-  actions: {
-    jrapky: 0,
-    Frg6f3: 0,
-    t21cq0: 0,
-    B6of3ja: 0,
-    B74szlk: ["foizga4", "f5m8a6r"],
-    qhf8xq: "f10pi13n",
-    nk6f5a: 0,
-    Ijaq50: 0,
-    h3tjnc: "f3hl5xl",
-    Bw0ie65: 0,
-    Br312pm: 0,
-    Beweih1: "f14q5zaz",
-    abs64n: "f5p0z4x",
-    Bn62ygk: 0,
-    Cwk7ip: 0,
-    B3o57yi: 0,
-    Bmy1vo4: 0,
-    Bkqvd7p: 0,
-    Bi2q7bf: "f1964ud6"
-  },
-  prompt: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "fl43uef",
-    Bg96gwp: "f1i3iumi",
-    mc9l5x: "f1rvi9lw",
-    Fd1uvx: "fpfc2by",
-    Bh9c35c: "f1lvsx7g",
-    Bmxbyg5: "f1sil6mw"
-  },
-  reasonMarker: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "f13mqy1h",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fcpl73t"
-  }
-}, {
-  d: [[".fcdwmbt{grid-row:1/3;}", {
-    p: -1
-  }], [".f1eb8yyf{grid-column:1/3;}", {
-    p: -1
-  }], ".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", ".f10pi13n{position:relative;}", [".f14w4nd{border-radius:28px;}", {
-    p: -1
-  }], ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1k6fduh{cursor:pointer;}", ".f1s6fcnf{outline-style:none;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".fylz90v{row-gap:var(--spacingHorizontalS);}", [".fq88wcj{padding:var(--spacingVerticalL) var(--spacingHorizontalL);}", {
-    p: -1
-  }], ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", [".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}", {
-    p: -2
-  }], [".faugzkp[data-fui-focus-visible]::after{border-radius:28px;}", {
-    p: -1
-  }], ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}", ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}", ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}", ".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".f15ncuxf{transform:scale(1.03);}", [".ffrhwuo{transition:transform var(--durationNormal) var(--curveDecelerateMin);}", {
-    p: -1
-  }], ".f122n59{align-items:center;}", ".fntfeoj{min-height:var(--spacingVerticalXXL);}", [".foizga4{margin:var(--spacingVerticalL) var(--spacingHorizontalL) var(--spacingVerticalNone) var(--spacingHorizontalNone);}", {
-    p: -1
-  }], [".f5m8a6r{margin:var(--spacingVerticalL) var(--spacingHorizontalNone) var(--spacingVerticalNone) var(--spacingHorizontalL);}", {
-    p: -1
-  }], [".f3hl5xl{grid-row:1/2;}", {
-    p: -1
-  }], [".f14q5zaz{grid-column:2/3;}", {
-    p: -1
-  }], ".f5p0z4x{opacity:1;}", [".f1964ud6{transition:opacity var(--durationFast) var(--curveLinear);}", {
-    p: -1
-  }], ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1rvi9lw{display:-webkit-box;}", ".fpfc2by{-webkit-box-orient:vertical;}", ".f1lvsx7g{-webkit-line-clamp:2;}", ".f1sil6mw{overflow-y:hidden;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"],
-  f: [".ftqa4ok:focus{outline-style:none;}"],
-  i: [".f2hkw1w:focus-visible{outline-style:none;}"],
-  m: [["@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}", {
-    m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1ffjurs[data-fui-focus-visible]::after{border-left-color:Highlight;}.f1pniga2[data-fui-focus-visible]::after{border-right-color:Highlight;}}", {
-    m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f987i1v[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}", {
-    m: "(forced-colors: active)"
-  }]]
-});
-const useSingleColumnStyles = __styles({
-  primaryAction: {
-    Beyfa6y: 0,
-    Bbmb7ep: 0,
-    Btl43ni: 0,
-    B7oj6ja: 0,
-    Dimara: "f1jxijnj",
-    Brovlpu: "ftqa4ok",
-    B486eqv: "f2hkw1w",
-    B8q5s1w: "f8hki3x",
-    Bci5o5g: ["f1d2448m", "ffh67wi"],
-    n8qw10: "f1bjia2o",
-    Bdrgwmp: ["ffh67wi", "f1d2448m"],
-    Bqhya38: "f1j6vpng",
-    Bwxa6fj: ["f1pniga2", "f1ffjurs"],
-    Bdhvstf: "f987i1v",
-    B7zbvrb: ["f1ffjurs", "f1pniga2"],
-    Bm4h7ae: "f15bsgw9",
-    B7ys5i9: "f14e48fq",
-    Busjfv9: "f18yb2kv",
-    Bhk32uz: "fd6o370",
-    f6g5ot: 0,
-    Boxcth7: 0,
-    Bhdgwq3: 0,
-    hgwjuy: 0,
-    Bshpdp8: 0,
-    Bsom6fd: 0,
-    Blkhhs4: 0,
-    Bonggc9: 0,
-    Ddfuxk: 0,
-    i03rao: 0,
-    kclons: 0,
-    clg4pj: 0,
-    Bpqj9nj: 0,
-    B6dhp37: 0,
-    Bf4ptjt: 0,
-    Bqtpl0w: 0,
-    i4rwgc: "ffwy5si",
-    Dah5zi: 0,
-    B1tsrr9: 0,
-    qqdqy8: 0,
-    Bkh64rk: 0,
-    e3fwne: "f178id4l",
-    J0r882: "f57olzd",
-    Bule8hv: ["f4stah7", "fs1por5"],
-    Bjwuhne: "f480a47",
-    Ghsupd: ["fs1por5", "f4stah7"]
-  },
-  prompt: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "fl43uef",
-    Bg96gwp: "fwrc4pm"
-  }
-}, {
-  d: [[".f1jxijnj{border-radius:var(--borderRadius2XL);}", {
-    p: -1
-  }], ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", [".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}", {
-    p: -2
-  }], [".f178id4l[data-fui-focus-visible]::after{border-radius:var(--borderRadius2XL);}", {
-    p: -1
-  }], ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}", ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}", ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}", ".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"],
-  f: [".ftqa4ok:focus{outline-style:none;}"],
-  i: [".f2hkw1w:focus-visible{outline-style:none;}"],
-  m: [["@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}", {
-    m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f1ffjurs[data-fui-focus-visible]::after{border-left-color:Highlight;}.f1pniga2[data-fui-focus-visible]::after{border-right-color:Highlight;}}", {
-    m: "(forced-colors: active)"
-  }], ["@media (forced-colors: active){.f987i1v[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}", {
-    m: "(forced-colors: active)"
-  }]]
-});
-export const usePromptStarterStyles_unstable = state => {
-  'use no memo';
-
-  const {
-    isSingleColumn
-  } = state;
-  const styles = useStyles();
-  const rootResetStyles = useRootResetStyles();
-  const singleColumnStyles = useSingleColumnStyles();
-  state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.className);
-  state.primaryAction.className = mergeClasses(promptStarterClassNames.primaryAction, styles.primaryAction, isSingleColumn && singleColumnStyles.primaryAction, state.primaryAction.className);
-  if (state.icon) {
-    state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);
-  }
-  state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, isSingleColumn && singleColumnStyles.prompt, state.prompt.className);
-  if (state.reasonMarker) {
-    state.reasonMarker.className = mergeClasses(promptStarterClassNames.reasonMarker, styles.reasonMarker, state.reasonMarker.className);
-  }
-  if (state.actions) {
-    state.actions.className = mergeClasses(promptStarterClassNames.actions, styles.actions, state.actions.className);
-  }
-  return state;
-};
-//# sourceMappingURL=usePromptStarterStyles.styles.js.map

package/lib/components/PromptStarterV2/PromptStarter/usePromptStarterStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n  makeStyles,\n  makeResetStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n  createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n  root: 'fai-PromptStarter',\n  primaryAction: 'fai-PromptStarter__primaryAction',\n  icon: 'fai-PromptStarter__icon',\n  prompt: 'fai-PromptStarter__prompt',\n  reasonMarker: 'fai-PromptStarter__reasonMarker',\n  actions: 'fai-PromptStarter__actions',\n};\n\nconst useRootResetStyles = makeResetStyles({\n  display: 'grid',\n  gridTemplateColumns: '1fr auto',\n  gridTemplateRows: 'max-content auto',\n  minWidth: '214px',\n\n  // Apply styles to the primary action on hover / active states\n  '&:hover': {\n    [`& .${promptStarterClassNames.primaryAction}`]: {\n      boxShadow: tokens.shadow16,\n      transform: 'scale(1.03)',\n      transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n    },\n  },\n  '&:active': {\n    [`& .${promptStarterClassNames.primaryAction}`]: {\n      boxShadow: tokens.shadow8,\n      transform: 'scale(1.03)',\n      transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n    },\n  },\n\n  // Hide actions when not focused or hovered\n  ':not(:focus-within):not(:hover)': {\n    [`& .${promptStarterClassNames.actions}`]: {\n      clip: 'rect(0px, 0px, 0px, 0px)',\n      height: '1px',\n      margin: '-1px',\n      overflow: 'hidden',\n      padding: '0px',\n      width: '1px',\n      position: 'absolute',\n      opacity: 0,\n    },\n  },\n});\n\nconst useStyles = makeStyles({\n  primaryAction: {\n    gridRow: '1 / 3',\n    gridColumn: '1 / 3',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    borderRadius: '28px',\n    backgroundColor: tokens.colorNeutralBackground1,\n    color: tokens.colorNeutralForeground2,\n    fontFamily: tokens.fontFamilyBase,\n    cursor: 'pointer',\n    outlineStyle: 'none',\n    textAlign: 'left',\n    rowGap: tokens.spacingHorizontalS,\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}`,\n    ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n    ...createFocusOutlineStyle({ style: { outlineRadius: '28px' } }),\n  },\n\n  primaryActionHovered: {\n    boxShadow: tokens.shadow16,\n    transform: 'scale(1.03)',\n    transition: `transform ${tokens.durationNormal} ${tokens.curveDecelerateMin}`,\n  },\n\n  icon: {\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: tokens.spacingVerticalXXL,\n  },\n  actions: {\n    margin: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalL}\n             ${tokens.spacingVerticalNone} ${tokens.spacingHorizontalNone}`,\n    position: 'relative',\n    gridRow: '1 / 2',\n    gridColumn: '2 / 3',\n\n    opacity: 1,\n    transition: `opacity ${tokens.durationFast} ${tokens.curveLinear}`,\n  },\n  prompt: {\n    ...typographyStyles.body1Strong,\n\n    // Truncate text after two lines.\n    display: '-webkit-box',\n    '-webkit-box-orient': 'vertical',\n    '-webkit-line-clamp': '2',\n    overflowY: 'hidden',\n  },\n  reasonMarker: {\n    ...typographyStyles.caption2,\n  },\n});\n\nconst useSingleColumnStyles = makeStyles({\n  primaryAction: {\n    borderRadius: tokens.borderRadius2XL,\n    ...createFocusOutlineStyle({ style: { outlineRadius: tokens.borderRadius2XL } }),\n  },\n  prompt: {\n    ...typographyStyles.caption1Strong,\n  },\n});\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n  'use no memo';\n\n  const { isSingleColumn } = state;\n\n  const styles = useStyles();\n  const rootResetStyles = useRootResetStyles();\n  const singleColumnStyles = useSingleColumnStyles();\n  state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, state.root.className);\n  state.primaryAction.className = mergeClasses(\n    promptStarterClassNames.primaryAction,\n    styles.primaryAction,\n    isSingleColumn && singleColumnStyles.primaryAction,\n    state.primaryAction.className,\n  );\n  if (state.icon) {\n    state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.icon.className);\n  }\n  state.prompt.className = mergeClasses(\n    promptStarterClassNames.prompt,\n    styles.prompt,\n    isSingleColumn && singleColumnStyles.prompt,\n    state.prompt.className,\n  );\n  if (state.reasonMarker) {\n    state.reasonMarker.className = mergeClasses(\n      promptStarterClassNames.reasonMarker,\n      styles.reasonMarker,\n      state.reasonMarker.className,\n    );\n  }\n  if (state.actions) {\n    state.actions.className = mergeClasses(promptStarterClassNames.actions, styles.actions, state.actions.className);\n  }\n\n  return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","createFocusOutlineStyle","tokens","promptStarterClassNames","root","primaryAction","icon","prompt","reasonMarker","actions","useRootResetStyles","display","gridTemplateColumns","gridTemplateRows","minWidth","boxShadow","shadow16","transform","transition","durationNormal","curveDecelerateMin","shadow8","clip","height","margin","overflow","padding","width","position","opacity","useStyles","gridRow","gridColumn","flexDirection","borderRadius","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground2","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","rowGap","spacingHorizontalS","spacingVerticalL","spacingHorizontalL","border","strokeWidthThin","colorNeutralStroke2","style","outlineRadius","primaryActionHovered","alignItems","minHeight","spacingVerticalXXL","spacingVerticalNone","spacingHorizontalNone","durationFast","curveLinear","body1Strong","overflowY","caption2","useSingleColumnStyles","borderRadius2XL","caption1Strong","usePromptStarterStyles_unstable","state","isSingleColumn","styles","rootResetStyles","singleColumnStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}